UI标签库说明

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

1.1. 示例

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

1.2. 参数

2. Datagrid(数据表)

2.1. DataGr id 父标签

2.1.1. 示例

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

2.1.2. 参数

2.1.3. 方法

2.1.4. 事件

2.2. Column(列) 子标签

2.2.1. 示例

<t:dgCol title="年龄" field="age" query="true"

extend="{data-options:{required:false,groupSeparator:\"','\"},class:{value:'easyui-numberbox' }}"></t:dgCol>

2.2.2. 参数

2.3. Operate(操

作)子标签

2.3.1. 删除操作标签

2.3.2. 自定义函数操作标签

2.3.3. 弹出窗操作标签

2.3.4. 询问操作标签

2.3.5. 列表工具条标签

"update"></t:dgConfOpt>

2.3.6. 列表询问操作

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

3.1. 参数

3.2. 用法(div)

<t:formvalid formid="formobj" layout="div" dial og="true" action="roleController.do?saveRole">

<fieldset cla ss="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. 表单校验提示方式(tiptype)

3.4. 用法(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 >

</tr>

</td >

<td class="value" width="10%">

<inpu t id ="realName " class="inputxt" name ="realName " value ="${user.realName}" datatype ="s2-10"> <span class="Validform_checktip">字段说明</span > </td >

</t:formvalid>

4. Upload(上传标签)

4.1. 参数

true 需要在后台返回 JSON 中添加查看

参数(viewhref)和删除参数(del url)

4.2. 用法

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

5. Tabs(选项卡父标签)

5.1. Tabs 容器参数

5.2. Tab(选项卡子标签)

5.2.1. Tab 子标签参数

5.3. 用法

<t:tabs id="tt" iframe="false" tabPosition="bottom">

<t:tab iframe="demoControl ler.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. 参数

6.2. 用法

<t:autocomplete selectfun="aa" closefun="close" value Fiel d="id" searchField="userName"

labelFiel d="userName,realName" name="user" entityName="TSUser" datatype="*" nullmsg="请 输入关键字" errormsg="数据不存在,请重新输入"></t:autocomplete>

7. ComboBox (下拉选择框)

7.1. 参数

7.2. 用法

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

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

8.1. 参数

8.2. 用法

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

9. Choose(选则操作标签)

9.1. 参数

fun

string 自定义函数 否 null

9.2. 用法

<t:choose hidde nName="logName" hidde nid ="l og1" textname ="hello" icon="customIcon" width=123 he ight=123 title="标题" isclear=true></t:choose>

10. Form（form 标签）

10.1. 参数

10.2.

用法

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

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

11.1. 参数

11.2.

用法

<t:comboTree url=＂url＂ name=＂name＂ text=＂项目管理＂ id=＂combo1＂ width=120 val ue="test" multiple=true></t:comboTree>

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

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

13.1. 参数

13.2.

用法

<t:dictSelect field="name" typeGroupCode="sex" title="性别"></t:dictSelect>

本文来源：https://www.bwwdw.com/article/qc8j.html