您的位置：首页 > 产品设计 > UI/UE

标签参数JEECG智能开发平台 UI标签库帮助文档

2016-11-22 10:13 429 查看

1. BaseTag(款式表和JS引入标签)

1.1. 示例

<t:basetype="jquery,easyui,tools"></t:base>

1.2. 参数

属性名	类型	述描
type	string	JS插件类型定义如果有多个以逗号开隔

1.3. JS插件类型

插件名	述描
jquery	引入本版jquery-1.8.3
easyui	引入本版jquery.easyui.1.3.1及自定义扩展JS
DatePicker	引入本版My97DatePicker4.8 Beta2
jqueryui	引入本版jquery-ui-1.9.2
prohibit	用常浏览器作操JS函数如禁用键右单菜，禁用退回，禁用F5
designer	在线流程计设器函数库
tools	artDialog4.1.6弹出窗及用常CURD作操函数

2. Datagrid(数据表)

2.1. DataGrid父标签

2.1.1. 示例

<t:dategrid name=""actionUrl=""></t:dategrid>

2.1.2. 参数

属性名	类型	述描	是不是必须	认默值
name	string	表格一唯标示	是	null
treegrid	boolean	是不是是树形列表	否	false
actionUrl	string	从近程求请数据的地址	是	null
pagination	boolean	是不是表现分页条	否	true
title	string	表格题标	否	null
idField	string	标识字段，或者说主键字段	否	null
width	num	表格宽度	否	auto
height	num	表格度高	否	auto
checkbox	boolean	是不是表现复选框	否	false
fit	boolean	是不是答应表格主动放缩，以顺应父容器	否	true
sortName	string	定义的列停止排序	否	null
sortOrder	string	定义列的排序序顺，只能是"递增"或"降序（asc,desc）	否	asc
fitColumns	boolean	当为true时，主动开展/同合列的巨细，以顺应的宽度，避免向横动滚	否	true
showPageList	boolean	是不是表现分页条数下拉框	否	true
showRefresh	boolean	是不是表现刷新按钮	否	true
showText	boolean	是不是表现分页文本内容	否	true
style	string	插件类型有easyui和datatable2种	否	easyui
pageSize	num	每页表现的录记数	否	10

2.1.3. 方法

方法名	传入参数	述描
reloadTable	无	新重加载数据
reload+name	无	新重加载数据name是表格一唯标示
get+name+Selected	field	取获选定行传入字段的值
getSelected	field	取获选定行传入字段的值
get+name+Selections	field	取获有所选定行传入字段的组数合集
name+search	无	执行询查前提是Column列query设为true

2.1.4. 事件

事件名	传出参数	述描
onClickRow	rowIndex,rowData	行单击事件
onDblClickRow	rowIndex,rowData	行双击事件
onLoadSuccess	data	近程数据加载功成时触发

2.2. Column(列) 子标签

2.2.1. 示例

<t:dgColtitle="编号"field="id" ></t:dgCol>

2.2.2. 参数

属性名	类型	述描	是不是必须	认默值
title	string	列题标字文	是	null
field	string	列字段称名(作操列字段为opt)	是	null
width	num	列宽度	否	auto
rowspan	num	字段跨列	否	auto
colspan	num	字段跨行	否	auto
align	string	数据对齐式方,可选值有:left,right,center	否	left
sortable	boolean	该列是不是排序	否	true
checkbox	boolean	是不是表现复选框	否	false
formatter	string	自定义函数称名	否	null
hidden	boolean	是不是隐藏该列	否	false
replace	string	列值替换	否	null
treefield	string	树形数据表对应模型字段	否	null
image	boolean	该列是不是是图片	否	false
query	boolean	是不是把该列作为询查字段	否	false
funname	string	接链的自定义函数例：fun(title,url)	否	openwindow
url	string	给该列加接链	否	null

2.3. Operate(作操)子标签

2.3.1. 删除作操标签

参数名	述描
url	删除求请地址参数情势 id={id}
title	作操题标
message	讯问内容
exp	是不是表现表作操的表达式
funname	自定义函数称名
用法	<t:dgDelOpt url="userController.do?delUser&id={id}" title="删除"></t:dgDelOpt>

2.3.2. 自定义函数作操标签

参数名	述描
funname	自定义函数可传出恣意字段
title	作操题标
exp	是不是表现表作操的表达式
用法	<t:dgFunOpt funname="edit(id)" title="改修"/>

2.3.3. 弹出窗作操标签

参数名	述描
url	弹出页面地址
title	作操题标
exp	是不是表现表作操的表达式
widht	弹出窗宽度(百分比)认默100%
height	弹出窗度高(百分比)认默100%
用法	<t:dgOpenOpt url="expertController.do?expert&id={id}" title="弹出窗"></t:dgOpenOpt>

2.3.4. 讯问作操标签

参数名	述描
url	弹出页面地址
title	作操题标
message	讯问内容
exp	是不是表现该作操的表达式
用法	<t:dgConfOpt url="" message="是不是禁用?" title="禁用"></t:dgConfOpt>

2.3.5. 列表工具条标签

参数名	述描
url	方法求请地址
icon	标图
title	题标
funname	自定义函数
用法	<t:dgToolBar title="门部辑编" icon="icon-edit" url="departController.do?update"funname= "update"></t:dgConfOpt>

2.3.6. 列表讯问作操

参数名	述描
url	方法求请地址
title	作操题标
message	讯问内容
exp	是不是表现改接链的表达式,例字段名#表达式符号#字段值(name#eq#admin) 表达式类型支撑eq,ne,empty
用法	<t:dgConfOptexp="TSPrjstatus_code#eq#new" url="activitiController.do?startBusProcess&businessKey={id}&busconfigKey={TSBusConfig_id}" message="认确终了,交提请申?" title="理办"></t:dgConfOpt>

每日一道理

人生是洁白的画纸，我们每一个人就是手握各色笔的画师；人生也是一条看不到尽头的长路，我们每一个人则是人生道路的远足者；人生还像是一块神奇的土地，我们每一个人则是手握农具的耕耘者；但人生更像一本难懂的书，我们每一个人则是孜孜不倦的读书郎。

3. FormValidation(表单交提及验证标签)

3.1. 参数

属性名	类型	述描	是不是必须	认默值
action	string	表单交提路径	否	null
formid	string	表单一唯标示	是	formobj
refresh	boolean	dialog为true时是不是刷新父页面	否	true
callback	string	表单交提完成后的回调函数	否	null
beforeSubmit	string	表单交提前的处理函数	否	null
btnsub	string	触发表单交提事件的按钮ID	否	btn_sub
btnreset	string	触发表单置重事件的按钮ID	否	btn_reset
layout	string	表单布局式方(div和table可选)	是	div
usePlugin	string	表单外调插件称名(可选插件,jqtransform:表单化美)	否	null
dialog	boolean	是不是是弹出窗口式模	是	true
tabtitle	string	表单布为div时多项选卡布局分组题标	否	null

3.2. 用法(div)

<t:formvalid formid="formobj" layout="div" dialog="true" action="roleController.do?saveRole">
<fieldset class="step">
<div class="form">
<label class="Validform_label">字段题标:</label>
<input name="roleName" class="inputxt" value="${role.roleName }" datatype="s2-8">
<span class="Validform_checktip">字段说明</span>
</div>
</fieldset>
</t:formvalid>

3.3. 用法(table)

<t:formvalid formid="formobj" layout="table" dialog="true" action="roleController.do?save">
<tr>
<td align="right" width="10%" nowrap>
<label class="Validform_label">
字段题标:
</label>
</td>
<td class="value" width="10%">
<input id="realName" class="inputxt" name="realName" value="${user.realName }" datatype="s2-10">
<span class="Validform_checktip">字段说明</span>
</td>
</tr>
</t:formvalid>

4. Upload(上传标签)

4.1. 参数

属性名	类型	述描	是不是必须	认默值
id	string	上传控件一唯标示	是	null
name	string	控件name	是	null
formData	string	上传件文交提台后的其他表单参数取ID	否	null
uploader	string	上传交提路径	是	null
extend	string	上传件文扩展名(可选类型组1,pic[.jpg;,jpeg;.png;.gif;.bmp;.ico;.tif],2,office[.doc;.docx;.txt;.ppt;.xls;.xlsx;.html;*.htm ])	是
buttonText	string	控件按钮表现文本	否	浏览
multi	boolean	是不是答应选择多件文	否	true
queueID	string	表现预上传件文列表的象对ID	否	true
dialog	boolean	是不是是对话框式模打开上传控件	否	true
callback	string	有所件文上传完成后回调函数	否	null
auto	boolean	是不是是主动上传	否	true
onUploadSuccess	string	上传功成的处理函数	否	null
view	string	是不是生成查看删除接链认默false,如为true须要在台后返回JSON中添加查看参数(viewhref)和删除参数(delurl)	否	null

4.2. 用法

<t:upload name="instruction" dialog="false" queueID="instructionfile" view="true" auto="true" uploader="systemController.do?save" extend="pic" id="instruction" formData="documentTitle">
</t:upload>

5. Tabs(项选卡父标签)

5.1. Tabs容器参数

属性名	类型	述描	是不是必须	认默值
id	string	控件一唯标示	是	null
width	string	项选卡宽度	否	auto
heigth	string	项选卡度高	否	auto
plain	boolean	单简式模	否	false
fit	boolean	是不是顺应父容器	否	false
border	boolean	是不是表现边框	否	true
scrollIncrement	string	动滚像素数	否	true
scrollDuration	boolean	每一个卷轴动画的毫秒数	否	100
tools	string	项选卡工具条	否	400
tabs	boolean	是不是创立父容器	否	true
iframe	string	是不是是iframe式方创立	否	null
tabPosition	string	项选卡位置: 'top','bottom','left','right'	否	top

5.2. Tab(项选卡子标签)

5.2.1. Tab子标签参数

属性名	类型	述描	是不是必须	认默值
id	string	控件一唯标示	是	null
href	string	Href式方求请地址	否	null
iframe	string	Iframe式方求请地址	否	null
title	string	项选卡题标	是	false
icon	string	项选卡标图	否	false
width	string	项选卡宽度	否	100%
heigth	string	项选卡度高	否	99.5%
cache	boolean	选中时是不是新重发送求请	否	true
closable	boolean	是不是带关闭按钮	否	false

5.3. 用法

<t:tabs id="tt" iframe="false" tabPosition="bottom">
<t:tab iframe="demoController.do?aut" icon="icon-search" title="主动上传" id="o"></t:tab>
<t:tab iframe="demoController.do?" icon="icon-search" title="通普上传" id="t"></t:tab>
</t:tabs>

6. Autocomplete(主动补全标签)

6.1. 参数

属性名	类型	述描	是不是必须	认默值
name	string	控件一唯标示	是	null
minLength	string	触发示提字文长度	否	2
labelField	string	示提表现的字段	是	null
searchField	string	询查关键字字段	是	null
valueField	string	传递台后的字段	是	null
entityName	string	实体称名	是	null
selectfun	string	选中后用调的函数	否	null
label	string	传入表现值	否	null
value	string	传入隐藏域值	否	null
datatype	string	数据验证类型	否	null
nullmsg	string	数据为空时验证	否	null
errormsg	string	数据格式不对时验证	否	null
closefun	string	没有选择下拉项目的处理函数	否	null

6.2. 用法

<t:autocomplete selectfun="aa" closefun="close" valueField="id" searchField="userName" labelField="userName,realName" name="user" entityName="TSUser" datatype="*" nullmsg="请输入关键字" errormsg="数据不存在,请新重输入"></t:autocomplete>

7. ComboBox (下拉选择框)

7.1. 参数

属性名	类型	述描	是不是必须	认默值
name	string	控件称名	是	null
url	string	近程数据访问	是	null
id	string	一唯标识	是	null
text	string	表现文本	是	null
width	string	宽度	否	null
listWidth	string	下拉框宽度	否	null
listHeight	string	下拉框度高	否	null

7.2. 用法

<t:comboBox url="jeecgDemoController.do?combox" name="sex" text="userName" id="id"></t:comboBox>

8. Menu(侧左单菜生成标签)

8.1. 参数

属性名	类型	述描	是不是必须	认默值
style	string	单菜款式	否	null
parentFun	string	一级单菜	是	null
childFun	string	二级单菜	是	null

8.2. 用法

<t:menu parentFun="${parentFun}" childFun="${childFun} " ></t:menu>

9. Choose(选则作操标签)

9.1. 参数

属性名	类型	述描	是不是必须	认默值
hiddenName	string	隐藏域的ID	否	null
hiddenid	string	隐藏框id	否	null
textname	string	文档称名	否	null
name	string	称名	是	null
icon	string	选择按钮的标图	是	null
height	string	弹出框的度高	否	null
width	string	弹出框的宽度	否	null
left	string	弹出框的左间距	否	null
top	string	弹出框的上端间距	否	null
url	string	近程访问地址	是	null
title	string	题标	是	null
isclear	boolean	是不是清空	否	false
fun	string	自定义函数	否	null

9.2. 用法

<t:choose hiddenName="logName" hiddenid ="log1" textname ="hello" icon="customIcon" width=123 height=123 title="题标" isclear=true></t:choose>

10. Form（form标签）

10.1.参数

属性名	类型	述描	是不是必须	认默值
action	string	表单交提地址	否	null
items	string	循环合集值	是	null

10.2. 用法

<t:form action=＂userAction＂ items =null></t:form>

11. ComboTree(下拉树形选择框)

11.1.参数

属性名	类型	述描	是不是必须	认默值
name	string	控件一唯标示	是	null
name	string	控件称名	是	null
url	string	近程数据访问	是	null
id	string	一唯标识	是	null
width	string	树形宽度	否	null
value	string	树形值	否	null
multiple	boolean	是不是多选	否	false

11.2. 用法

＜t：comboTree url=＂url＂ name=＂jeecgName＂ text=＂项目管理＂ id=＂combo1＂width=120 value="test" multiple=true＞＜／t：comboTree＞

12. Colorchange (转变HTML控件颜色)

13. DictSelect (数据字典下拉选择框)

13.1.参数

属性名	类型	述描	是不是必须	认默值
typeGroupCode	string	字典分组码编	是	null
field	string	对应表单	是	null
id	string	一唯标识	否	null
title	string	表现文本	否	null
defaultVal	string	认默值	否	null
divClass	string	DIV框认默款式	否	form
labelClass	string	LABEL认默款式	否	Validform_label

13.2. 用法

<t:dictSelect field="name" typeGroupCode="process" title="流程类型"></t:dictSelect>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航