转至元数据结尾
转至元数据起始

只列出了table的基本定义,属性见下面表格
namerequiredrtexprvaluedescription
idtruefalse表格的唯一标识,整个输出的HTML文件中唯一,建议直接取jboname+_table,如果重复,再后面再添加1、2、3序列
labelfalsefalse表格标题说明性文字
selectmodefalsefalse表格第一列显示选择框,取值范围:multiple、single、none
jbonamefalsefalse

if relationship ==null 代表要查询的表名

else 代表父表的表名

relationshipfalsefalse联系名,联系需要在MaxRelationship表中配置,必须与jboname一起使用
selectfalsetrue需要查询的字段,默认为:*
groupbyfalsetrue分组的字段
orderbyfalsefalse排序字段
jboClassNamefalsetrue如果包含此属性,则优先于jboname属性,进行数据查询,主要用于虚拟表处理。
inputmodefalsefalse

表格的编辑模式,取值为:

readonly:只读(默认)

query:查询

edit:可编辑

datasrcfalsefalse数据源
apprestrictionsfalsefalse查询的限制条件,例: status='CLOSE' AND Year='2013',支持EL表达式
pagesizefalsefalse默认的每页显示数据量,默认为20
trwhereattrfalsefalse

对应数据库字段

trwherefalsefalse

运算符,可用值为:

==:等于

>:大于

<:小于

trwherevaluefalsefalse数据库字段对应值, 与trwhereattr、trwhere联合使用
trfontcolorfalsefalse

字体颜色,可用值:

颜色名称的颜色(比如 red)

十六进制值的颜色(比如 #ff0000)

rgb 代码的颜色(比如 rgb(255,0,0))

inherit 从父元素继承颜色。

trbgcolorfalsefalse

背景颜色,可用值:

颜色名称的颜色(比如 red)

十六进制值的颜色(比如 #ff0000)

rgb 代码的颜色(比如 rgb(255,0,0))

inherit 从父元素继承颜色。

bottomtipvaluefalsefalse

底部小提示内容,

字体颜色默认为红色,可用bottomtipcolor属性设置字体颜色

该属性支持html标签,如有需要可在此嵌入html标签

bottomtipcolorfalsefalse

底部小提示字体颜色,可用值:

颜色名称的颜色(比如 red)

十六进制值的颜色(比如 #ff0000)

rgb 代码的颜色(比如 rgb(255,0,0))

inherit 从父元素继承颜色。

initWhereCausefalsefalse初始化条件,可以用逗号分隔多个条件,每个条件用AND连接。此条件与apprestrictions的区别是,initWhereCause可以被覆盖,apprestrictions不能被覆盖
initWhereParamfalsefalse初始化条件中的参数值,必须配合initWhereCause一起使用,可以用逗号分隔多个条件。
initOverlayfalsetrue初始化条件中的参数值是否可以覆盖。取值为true/false
urlfalsetrue重新加载数据时,从哪里加载,默认:app.action
typefalsetrue加载表格的类型(JSP页面),默认为:list-table
titlefalsetrue表格名称,如果为空,则不显示表头中及表头的上一条、下一条等信息。如果只想显示上一条、下一条则可以设置为空格字符。
footVisiblefalsetrue是否显示页脚,默认true
tabletypefalsetrue

list:(默认)列表

imglist:图片列表,当为此值时,第一个tablecol必须为图片地址

imgcolsfalsetrue显示图片列表时,每行显示多少张图片
imgwidthfalsetrue显示图片列表时,每个图片的宽度,默认为auto
imgheightfalsetrue显示图片列表时,每个图片的高度,默认为auto
imgtypefalsetrue

当type=imglist有效,为空(默认)显示原始图片。

mini:显示缩略图

watermark:显示水印图

filterablefalsetrue

"true":显示快速过滤。默认不需要。

当列表存在tablecol的visibleHead属性为true时,该属性失效

height

√desktop

✘mobile忽略此属性

falsetrue

该属性用于设置dataTable

优先级最高的固定表格高度属性,当ignoreDataTable为true时该属性失效

fixedWidth

√desktop

✘mobile忽略此属性

falsetrue

该属性用于设置dataTable

数字即可,当表格太宽,给一个比较大一点的固定宽度吧,推荐只在列表页面使用,详细页面使用不好看啊。

不再建议使用,table现在会自动应用table-layout:fixed,详情参考fragment的displayMode属性

ignoreLayoutFixed

√desktop

✘mobile忽略此属性

falsetrue

使用该属性会取消对表格第一行tr为标题栏的表格进行宽度设定。默认为false

ignoreDataTable

√desktop

✘mobile忽略此属性

falsetrue

所有list-table类表格默认都会使用dataTable进行界面调整(确保头部和底部都在可视范围内),如果你确认你的表格不需要进行界面调整,将该属性设为true。默认为false.

sqlfalsetrue直接写SQL脚本,注意,当Jboname以 SQL_ 开头时,此处的SQL脚本才有效,即jboname需要设置一个临时的名称。
rowSelectable *newfalsetrue是否允许选中行。当选中行的时候会选中改行所包含的checkbox
executeQueryAfterLoadfalsetrue是否执行Jbo中的afterLoad方法,默认为执行,false 为不执行。

备注

Icon

 

1.trwhereattr、trwhere、trwherevalue必须联合使用,组成一个表达式返回一个布尔值。如果为真trfontcolor和trbgcolor才生效。

只列出tablecol的基本定义,属性见下面表格
namerequiredrtexprvaluedescription
idfalsefalse 
dataattributefalsefalse

字段名,

联系名.字段名 均可,参见示例1

可以多个字段合并,使用PL/SQL语法(参见示例4)

ROWNUM,直接显示序号

自定义列

datatypefalsetrue自定义类型,覆盖数据库中配置的类型。类型参见:JXADF 数据类型定义
secondAttributesfalsetrue可以填写多个属性,自动在TD中生成"属性=值"
dataDisplayfalsetrue

可以根据dataattribute中的值,显示本翻译之后的值,本处需要使用JSON格式,参见例7:

dataDisplay="{'1':'green.gif','2':'dynamic-red.gif'}"

datanamefalsetrue仅针对输出JSON数据有效,JSON的字段名。
labelfalsefalse该列的标题(th)名称
mxeventfalsefalse

取值为:

SELECTRECORD:使用本平台打开当前记录的详细信息

WORKFLOW:打开工作流程历史信息

ATTACHMENT:附件链接

LINK:链接

DELROW:删除当前记录

LOOKUP:查询

其它值:将自动生成一个按钮,事件为:mxevent(this,event,uid),例:mxevent=start,则生成 start(this,event,uid)事件,需要自己实现start方法。

mxevent_renderfalsefalse

当mxevent=其他值时生效

INPUT:默认值,用button的形式来渲染,默认值

SWITCH:用开关形式来渲染

LINK:用A标签来渲染

mxevent_descfalsefalse

当mxevent=WORKFLOW时,这里值为:lcam/project

当mxevent=ATTACHMENT时,这里为表名(TOP_ATTACHMENT).字段名(JOB_TYPE_CODE)的值,注意大小写敏感,建议为表名

mxevent_iconfalsefalse图标文件名,默认为document.gif
mxevent_disabledfalsefalsemxevent设定值之后,生成的按钮是否可以点击。支持EL表达式。示例参见:table ex05
linkedcontrolidfalsefalse 
lookupfalsefalse参见lookup功能
lookupWritefalsefalse配合lookup功能 是否能写input中内容 true可写 false不可写
filterablefalsefalse可过滤(true)、不能过滤(false)
filternamefalsetrue过滤字段名,为空则取dataattribute
sortablefalsefalse

是否有点击排序功能(默认true),取值为:

true:添加排序函数

false:不添加排序函数

sortnamefalsetrue排序字段名,如果为空,则默认为dataattribute
typefalsetrue

默认为空,当tablecol包含pushbutton时,设置type="btn_group"将在mobile中显示按钮组的效果。

当MXEVENT为其它值时,要使用链接样式,这里可以设定为 LINK

startHtmlfalsefalse插入值之前的HTML代码
htmlfalsefalse单元格(td)的内容,这里可以写html标签,插入当前值之后的HTML代码
urlTypefalsefalse

URL 的类型,目前支持 comtop,report,自定义URL地址,mxevent=LINK时有效

comtop:需要在WEB-INF\base.properties中配置jx.comtop.url

report:需要在WEB-INF\base.properties中配置jx.report.url

me:会自动添加当前应用的前缀,例:http://127.0.0.1:8080/jxweb

自定义URL地址:以http://开头的地址

urlParamNamefalsefals

参数名,与urlType一起使用有效,跟在URL后面的参数

支持ELUtil处理的el表达式(针对jbo对象的),比如:urlParamName= "\${APP}/index.action"

urlParamValuefalsefalse参数值,与urlParamName一起使用,跟在URL后面的参数。
  1. 单独使用。不需要json格式,只需要传入表字段名。例如:
    urlParamValue="ITEM_ID"。
  2. 传入的为类json格式的数据。
    会自动转换成键值对拼凑在request url后面。
    例如:
    urlParamValue="userId:USER_ID,jobId:JOB_ID"
    注意:
    urlParamValue的值不需要{},不需要单引号。
    参见示例3
urlTargetfalsefalse与link或urlType一起使用有效,超链接打开的目标地址。
formatfalsefalse

为数字时有效,目前支持以下格式

示例值示例显示值
,###.00123456.789123,456.79
,###123456.789123,456.789
,###.0123456.789123,456.8
$123456.789$123,456.79
123456.789 123,456.79
rmb123456.789123,456.79
%21.221.2%
0.00%21.221.20%
inputsizefalsetrue如果为输入框有效,输入框的大小
maxlengthfalsetrue最多显示多少个字符,超过用省略号代替。

width

√desktop

✘mobile忽略此属性

falsetrue列宽

height

√desktop

✘mobile忽略此属性

falsetrue行高
requiredfalsetrue是否必填,false/true
notefalsetrue备注,展示在列名下
readonlyfalsetrue行编辑时该列只读
visiblefalsetrue

是否展示此列,默认展示     true:展示  false:不展示

visibleHead

√desktop

✘mobile忽略此属性

falsetrue是否显示列头,如果为false,则将此列与前一列合并显示在一列中。
renderfalsetrue

渲染,

TEXT:默认,直接按文本显示

HTML:按HTML标记显示

LABELS:以空格分隔的多个标签,可点击链接查询

cssClassfalsetrue额外的校验样式,详细参见validations

 

 

嵌套select控件

参考:select

 

 

 

基本定义

 

 

namerequiredrtexprvalue说明
idfalsetrue

命名规范:表格ID+中划线+事件名

如果将ID注册到MaxMenu表中,就可进行权限检查,未注册,则不进行权限检查。

labelfalsetrue标签
mxeventfalsetrue

事件,JS事件名,例:add,则生成add(this,event)

href:直接链接地址,链接地址为params

mxtypefalsetrue

 

disabledfalsetrue按钮是否活动,一般不用设置,由JBO决定
paramsfalsetrue参数
urlfalsetrueURL参数
iconfalsetrue如果不为空,则显示图标
将ID注册到Maxmenu表中示例

 

说明

Icon

显示检查计划列表

JSP页面中的用法
插件中FTL页面的用法

说明

Icon

以上两种写法,分别对应不同的文件类型以及开发方式,其它例子只采用其中一种写法,如果用途不一样,请自行转换。

更多

 

 

示例1
Icon

当登录用户的project_id为空时,整个条件解析结果为:PLAN_TYPE=1,否则解析为 PLAN_TYPE=1 and object_id='000001'

查询限制条件中添加EL表达式,仅限于基建项目使用
示例2
Icon
ownerid,pnum为URL地址后面直接添加的参数名称,即获取URL中的参数方法如下
在插件平台中示例
示例3
Icon

连接报表,Table中使用EL表达式,详细参见:report.jsp

report.jsp
urlParamValue的键值对用法 report.jsp

 

 

 

 

示例1
Icon

dataattribute属性由多个字段拼接 

list-table.jsp
Icon

根据dataattribute中计算出来的值,显示自定义的信息,如图片、文字、HTML等,注意图片如果在skin/xxx/images目录下,可以直接写图片名称,否则需要写img的HTML标签。

/jxweb/WEB-INF/content/app/firplantra/list-table.jsp

详细参见:一级进度计划跟踪
格式化
Icon

数字格式化,货币

list-table.jsp
虚拟字段
Icon

在Jbo中,只要实现getXxxxx()即可,例

jbo
ftl
多字段自由组合
ons-table.ftl
secondAttributes
index-table.ftl
mxevent

注意

Icon

mxevent_disabled支持EL表达式,EL表达式的写法很有讲究。

由于EL表达式,需要在标签中去解析,而不是第一次遇到就解析,所以要对表达式进行转义。

mxevent 表达式写法

示例

概述

Icon

直接使用SQL脚本

参考:myidr-month-table.ftl

ftl

button
Icon

在页面的子表中显示新建按钮。详细参见:ps_schedule_task-list.jsp

ps_schedule_task-list.jsp

附件
Icon

打开的附件页面是否只读,可以通过 重载 Jbo.isReadonly() 方法来实现。

 

 

 

定义
Icon

对任意一个table的页面,在URL后添加参数render=json即可返回JSON数据格式。

对于JSON组件实现的内容,在本TABLE组件中都有实现,所以可以直接将现有的TABLE转为JSON格式,而不必再写一遍页面。

注意:“联系名.字段名”,如果没有配置dataname属性,将直接转换为“联系名_字段名”。

参数默认值说明
render =json时,输出JSON格式
pagesize20每页大小
pagenum1第几页
startStr JSON的开始字符串,可以配置{、callback函数名等
endStr JSON的结束字符串,可以配置}、)等。
jsonhead 

示例:[{"total":"count"},{"fixText":"\"rows\":"}]

针对通用的table标签,如果table标签中已添加了jsonHead标签,则此处不需要再重复了。

tld
属性
namerequiredrtexprvalue描述
attributeLabelfalsetrue属性标签
attributefalsetrue属性名称,即jboset.getXXXX
fixTextfalsetrue显示固定文本信息

tld
属性
namerequiredrtexprvalue描述
attributeLabel
falsetrue标签描述
attribute
falsetrue属性,即jboset.getXXX
fixTextfalsetrue固定文本

示例
Icon

无需任何修改,直接使用。

注意tablecol中的urlParamValue也做了相应的解析。

FTL页面不用做任何修改,只需要在访问的URL中添加参数即可。
测试结果:/jxweb/jxdatasync/index_list-table.action?render=json
Icon

添加jsonHead、jsonFoot的内容,将不会影响原来的表格渲染,只针对JSON输出格式有效,可参考JSON组件

本例还添加了callback的测试,具体如下所示:

添加jsonhead标签,不影响原来的table渲染
/index_list-table.action?render=json&pagesize=3&pagenum=1&startStr=mycallback({&endStr=})

 

 

 

摘要

Icon

演示字段的校验,更多参见:

1、validations

2、textbox

日期校验

示例说明

Icon

在请假子表中,请假开始时间小于结束时间。

注意此处使用cssClass中的校验,按标准应为ID值,但这里由于是多行,无法设定ID值,请设定 “dataattribute=”代替ID的前缀,需要注意大小写。

leave-line-table.ftl

 

问题处理

  1. 列表界面查询条件会记忆,需要设定不记忆条件

 

页面: tablebutton 页面: tablecol 页面: table example 页面: table tag