JEECG UI标签文档v3.7
JEECG UI标签文档v3.7
目 录
1. BaseTag(样式
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
和JS引入标
签) ........................................................................................ 4
1.1. 示
例 ................................................................................................................... 4
1.2. 参
数 ................................................................................................................... 4
1.3. JS插件类
型 ........................................................................................................ 4
Datagrid(数据列表标
签) .................................................................................................. 4
2.1. DataGrid父标
签 ................................................................................................ 4
2.1.1. 示
例 ........................................................................................................... 4
2.1.2. 参
数 ........................................................................................................... 6
2.1.3. 方
法 ........................................................................................................... 6
2.1.4. 事
件 ........................................................................................................... 6
2.2. Column(列) 子标
签 .......................................................................................... 7
2.2.1. 示
例 ........................................................................................................... 7
2.2.2. 参
数 ........................................................................................................... 7
2.3. Operate(操作)子标
签 ....................................................................................... 9
2.3.1. 列表工具条标签 |
t:dgToolBar ............................................................... 9
2.3.2. 自定义函数操作标签 |
t:dgFunOpt ........................................................ 9
2.3.3. 删除操作标签 |
t:dgDelOpt .................................................................. 10
2.3.4. 弹出窗操作标签 |
t:dgOpenOpt ........................................................... 10
2.3.5. 询问操作标签 |
t:dgConfOpt ................................................................ 11
2.3.6. 操作标签 | dgDefOpt(列表URL操
作) .................................................... 11
MutiLang(国际化标
签) ................................................................................................... 12
3.1. 参
数 ................................................................................................................. 12
3.2. 用
法 ................................................................................................................. 12
3.3. 国际化配
置 ..................................................................................................... 12
Tabs(选项卡父标
签) ....................................................................................................... 13
4.1. Tabs容器标签参
数 ......................................................................................... 13
4.2. Tab子标签参
数 ............................................................................................... 14
4.3. 用
法 ................................................................................................................. 14
FormValidation(表单提交及验证标
签) ......................................................................... 14
5.1. 参
数 ................................................................................................................. 14
5.2. 用法
(div) ......................................................................................................... 15
5.3. 表单校验提示方式
(tiptype) ........................................................................... 15
5.4. 用法
(table) ...................................................................................................... 15
DictSelect (数据字典下拉选择
框) ................................................................................. 16
6.1. 参
数 ................................................................................................................. 16
6.2. 用
法 ................................................................................................................. 17 Choose(弹出选择标
签) .................................................................................................. 17
7.1. 参
数 ................................................................................................................. 17
7.2. 用
法 ................................................................................................................. 18
Autocomplete(自动补全标
签) ....................................................................................... 18
8.1. 参
数 ................................................................................................................. 18
8.2. 用
法 ................................................................................................................. 18
ComboTree(下拉树形选择
框) ....................................................................................... 19
9.1. 参
数 ................................................................................................................. 19
9.2. 用
法 ................................................................................................................. 19 2. 3. 4. 5. 6. 7. 8. 9.
10. 11.
12.
13.
14.
15.
16.
17. Upload(上传标
签) ................................................................................................... 19 10.1. 参
数 ................................................................................................................. 19 10.2. 用
法 ................................................................................................................. 20 WebUploader (上传标
签) ....................................................................................... 20 11.1. 参
数 ................................................................................................................. 20 11.2. 用
法 ................................................................................................................. 21
AuthFilter(页面权限标
签) ...................................................................................... 22 12.1. 参
数 ................................................................................................................. 22 12.2. 用
法 ................................................................................................................. 22 HasPermissionTag (页面权限标
签) ........................................................................ 22 13.1. 参
数 ................................................................................................................. 22 13.2. 用
法 ................................................................................................................. 22 UserSelectTag (用户选择标
签) .............................................................................. 22 14.1. 参
数 ................................................................................................................. 22 14.2. 用
法 ................................................................................................................. 23 DepartSelectTag (部门树选择标
签) ....................................................................... 23 15.1. 参
数 ................................................................................................................. 23 15.2. 用
法 ................................................................................................................. 24 OrgSelectTag (部门树列表选择标
签) .................................................................... 24 16.1. 参
数 ................................................................................................................. 24 16.2. 用
法 ................................................................................................................. 24 Menu(左侧菜单生成标
签) ..................................................................................... 25
17.1. 参
数 ................................................................................................................. 25
17.2. 用
法 ................................................................................................................. 25
JEECG 智能开发平台
UI 标签库帮助文档
1. BaseTag(样式表和JS引入标签)
1.1. 示例
<t:base type="jquery,easyui,tools"></t:base>
1.2. 参数
属性名 type cssTheme 类型 string string 描述 JS 插件类型定义如果
有多个以逗号隔开,必输字段 easyui theme(目录 默认 default),非必须
输入
1.3. JS插件类型
插件名 jquery easyui DatePicker jqueryui prohibit tools ckeditor
autocomplete jeasyuiextensions 引入版本 jquery-1.8.3 引入版本
jquery.easyui.1.3.1 及自定义扩展 JS 引入版本 My97DatePicker4.8 Beta2
引入版本 jquery-ui-1.9.2 常用浏览器操作 JS 函数如禁用右键菜单,禁用
回退,禁用 F5 artDialog4.1.6 弹出窗及常用 CURD 操作函数 在需要加载
t:ckeditor 时引入 ckeditor 所需要的 js Jquery 自动补全功能 JS jQuery
&& jEasyUI 扩展功能集合 描述
2. Datagrid(数据列表标签)
2.1. DataGrid父标签
2.1.1. 示例
<t:datagrid name="${typegroup.typegroupcode}List" title="类型列表"
actionUrl="systemController.do?typeGrid&typegroupid=${typegroup.id}" idField="id" queryMode="group" sortOrder="desc" sortName="id">
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 4
JEECG 智能开发平台
UI 标签库帮助文档
属性名 name treegrid autoLoadData queryMode actionUrl pagination title idField width height checkbox fit sortName sortOrder
类型 string boolean boolean string string boolean string string num num boolean boolean string string
表格
关于规范使用各类表格的通知入职表格免费下载关于主播时间做一个表格详细英语字母大小写表格下载简历表格模板下载
唯一标示 是否是树形列表
描述
是否必须 是 否 否 否 是 否 否 否 否 否 否 否 否 否
默认值 null false true single null true null null auto auto false true null asc
数据列表是否自动加载 查询模式: 组合查询= group, 单查=single 从远程请求数据的地址 是否显示分页条 表格标题 标识字段,或者说主键字段 表格宽度 表格高度 是否显示复选框 是否允许表格自动缩放,以适应父容器 定义的列进行排序 定义列的排序顺序,只能是"递增"或"降 序(asc,desc) 当为 true 时,自动展开/
合同
劳动合同范本免费下载装修合同范本免费下载租赁合同免费下载房屋买卖合同下载劳务合同范本下载
列的大小, 以适应的宽度,防止横向滚动 是否显示分页条数下拉框 是否显示刷新按钮 是否显示分页文本内容 插件类型有 easyui 和 datatable2 种 每页显示的记录数 是不是展开第一个节点,在树形情况 下,true 展开,false 不展开默认 false 对应的实体对象,如果 entity 和 controller
fitColumns showPageList showRefresh showText style pageSize
openFirstNode
boolean boolean boolean boolean string num boolean
否 否 否 否 否 否 否
true true true true easyui 10 true
entityName
string
都是规则的可以不填,自动补全标签做关 联
否
null
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 5
JEECG 智能开发平台
UI 标签库帮助文档
rowStyler string 行 css 函数 指定名称就可以,调用为 functionName(index,row)这样调用 datagrid 的扩展字段,如果 easyui 上面有 extendParams string 但是 jeecg 没有这个属性可以自己添加 添加规则和 easyui 的 field 一致 queryBuilder isShowSearch treeField singleSelect
2.1.2. 2.1.3. boolean boolean string boolean 参数 方法 传入参数 无 无 field field field 无 重新加载数据 重新加载数据 name 是表格唯一标示 获取选定行传入字段的值 获取选定行传入字段的值 获取所有选定行传入字段的数组集合 执行查询前提是 Column 列 query 设为 true 描述 是否使用高级查询器 是否显示检索框收缩按钮 树形列表展示列 是否单
null 否 null 选 true,false 否 是 否 否 false true null false 否
方法名 reloadTable reload+name get+name+Selected getSelected
get+name+Selections name+search 2.1.4. 事件
事件名
传入参数 tree 下传入
描述
onClick
rowData;dataGrid 下传入 rowIndex,rowData
行单击事件
onDblClick onLoadSuccess
rowIndex,rowData data
行双击事件 远程数据加载成功时触发
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 6
JEECG 智能开发平台
UI 标签库帮助文档
2.2.
Column(列) 子标签
示例
2.2.1.
<t:dgCol title="用户名" sortable="false" field="userName" query="true"></t:dgCol> 2.2.2. 属性名 title field width rowspan colspan queryMode 参数 类型 string string num num num string 列标题文
字 列字段名称(操作列字段为 opt) 列宽度 字段跨列 字段跨行 字段范
围查询 queryMode="group" 数据对齐方式,可选值 有:left,right,center 该
列是否排序 是否显示复选框 时间格式化: yyyy-MM-dd / yyyy-MM-dd hh:mm:ss 自定义函数名称(调用页面自定义 js 方法 参数为
(value,row,index), 优先级大于 formatter 属性) 使用示例: formatterjs string formatterjs=”test” //自定义 js 方法 function
test(value,row,index){ return value; } hidden boolean 是否隐藏该列 否 false 否 null 否 描述 是否必须 是 是 否 否 否 默认值 null null auto auto auto null
align sortable checkbox formatter
string boolean boolean string
否 否 否 否
left true false null
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 7
JEECG 智能开发平台
UI 标签库帮助文档
replace treefield image frozenColumn query funname url string string
boolean boolean boolean string string 列值替换 树形数据表对应模型字段 该列是否是图片 是否冰冻列 是否把该列作为查询字段 链接的自定义函
数例: fun(title,url) 给该列加链接 自定义查询字段的 html 属性(在
extend 中填写的内容使用 json 格 式。在 extend 中自定义的属性会
extend string 作为 html 属性添加到查询框 input 内) 举例:
extend="{style:'width:200px'}" imageSize string Image参数的增强,可以设置显示 图片的大小: imageSize(width,height) 是否显示附件下载链
接 例: downloadName(‘点击下载’) 多语言参数 数据字典组编码 或 自
定义字典 (格式:表名,编码,显示文本) td CSS 属性 自动补全,true 自动补
全,false 不 补全,默认 false 填写当前字段 datagrid field 的扩展字段,如果 extendParams string easyui 上面有但是 jeecg 没有这个 属性可以自己添
加 添加规则和 easyui 的 field 一致 否 null 否 否 否 否 否 否 null 否 Null 否 否 否 否 否 否 否 null null false false false openwindow null
downloadName langArg dictionary style autocomplete
string string string string boolean
null null null null false
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 8
JEECG 智能开发平台
UI 标签库帮助文档
popup editor showLen defaultVal boolean string string string 是否启用 popup 模式 高级查询器用的字段编辑器 列表内容显示长度,超长截取... 列表自动生成查询条件默认值 否 否 否 否 false null Null Null
2.3.
Operate(操作)子标签
列表工具条标签 | t:dgToolBar 描述 方法请求地址 权限操作码,对应按钮权限配置(不设置该字段表示不进行按钮权限控制) 图标 标题 自定义函数 多语言参数 弹出窗宽度(百分比)默认 100% 弹出窗高度(百分比)默认 100% 工具条选项 onclick 事件
<t:dgToolBar title="部门编辑" icon="icon-edit" url="departController.do?update"funname=
2.3.1. 参数名 url
operationCode icon title
funname
langArg widht height onclick 用法
"update"></t: dgToolBar >
2.3.2. 参数名 funname title
自定义函数操作标签 | t:dgFunOpt 描述 自定义函数可传出任意字段 操作标题 权限操作码,对应按钮权限配置(不设置该字段表示不进行按钮权限控制) 是否显示表操作的表达式 例: 字段名#表达式符号#字段值
operationCode exp
(name#eq#admin),表达式类型支持 eq,ne,empty
langArg
多语言参数
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 9
JEECG 智能开发平台
UI 标签库帮助文档
urlclass urlfont urlStyle 用法
urlfont="fa-trash-o"></t:dgFunOpt>
自定义链接风格 自定义链接图标 自定义链接样式,直接写 style 里的内容; e.g: (background-color:#18a689;)
<t:dgFunOpt funname="delCgForm(id,tableName)" title="删除" urlclass="ace_button"
2.3.3. 参数名 url
删除操作标签 | t:dgDelOpt 描述 删除请求地址参数形式 id={id} 权限操作码,对应按钮权限配置(不设置该字段表示不进行按钮权限控制) 操作标题 询问内容 是否显示表操作的表达式 例: 字段名#表达式符号#字段值
(name#eq#admin),表达式类型支持 eq,ne,empty
operationCode title message exp funname langArg urlclass urlfont
urlStyle 用法
自定义函数名称 多语言参数 自定义链接风格 自定义链接图标 自定义链接样式,直接写 style 里的内容; e.g: (background-color:#18a689;)
<t:dgDelOpt url="userController.do?delUser&id={id}" title="删除"></t:dgDelOpt>
2.3.4. 参数名
url
弹出窗操作标签 | t:dgOpenOpt 描述 弹出页面地址 操作标题 权限操作码,对应按钮权限配置(不设置该字段表示不进行按钮权限控制) 是否显示表操作的表达式 例: 字段名#表达式符号#字段值
title operationCode exp
(name#eq#admin),表达式类型支持 eq,ne,empty
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 10
JEECG 智能开发平台
UI 标签库帮助文档
widht height openModel urlclass urlfont urlStyle 用法 2.3.5. 参数名
url
弹出窗宽度(百分比)默认 100% 弹出窗高度(百分比)默认 100% 弹出方式[OpenWin/OpenTab] 自定义链接风格 自定义链接图标 自定义链接
样式,直接写 style 里的内容; e.g: (background-color:#18a689;)
<t:dgOpenOpt url="expertController.do?expert&id={id}" title="弹出窗"></t:dgOpenOpt>
询问操作标签 | t:dgConfOpt 描述 弹出页面地址 操作标题 权限操作码,对应按钮权限配置(不设置该字段表示不进行按钮权限控制) 询问内容 是否显示该操作的表达式, 例: 字段名#表达式符号#字段值
title operationCode
message
exp
(name#eq#admin),表达式类型支持 eq,ne,empty
urlclass urlfont urlStyle 用法
自定义链接风格 自定义链接图标 自定义链接样式,直接写 style 里的内容; e.g: (background-color:#18a689;)
<t:dgConfOpt title="激活"
url="cgformFtlController.do?active&id={id}&formId=${formid}"
exp="ftlStatus#eq#0" message="确认激活
模板
个人简介word模板免费下载关于员工迟到处罚通告模板康奈尔office模板下载康奈尔 笔记本 模板 下载软件方案模板免费下载
"/>
2.3.6.
操作标签 | dgDefOpt(列表URL操作) 类型 string string 描述
列表操作 URL 容器的 ID 操作标题 是否显示改链接的表达式,例 字段名#表达式
属性名
url title
是否必须 是 是 否
exp
string
符号#字段值(name#eq#admin) 表达式类型支持 eq,ne,empty
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 11
JEECG 智能开发平台
UI 标签库帮助文档
operationCode
string
按钮操作 Code 自定义链接样式 自定义链接图标样式 链接样式,直
接写 style 里的内容; e.g:
否 否 否 否
urlclass
urlfont
urlStyle (background-color:#18a689;)
<t:dgDefOpt 用法
url="commonController.do?viewFile&fileid={id}&subc
lassname={subclassname}" title="下载"></t:dgDefOpt>
3. MutiLang(国际化标签)
3.1. 参数
属性名 类型 string 描述
语言 key,如 common.login 输出 的中文可能为“登录” 对 langKey 进行翻译后如包含 langArg
是否必须 是
默认值
langKey
null 否 null
string
{0},{1}这样的字符, 此参数可对其 进行翻译,多个以英文逗号分隔
3.2. 用法
<t:mutiLang langKey="common.copyright"/> 特殊:带参数,参数
多个以逗号隔开 <t:mutiLang langKey="common.edit.param"
langArg="common.operation"/>
3.3. 国际化配置
菜单: 系统管理 -> 国际化语言
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 12
JEECG 智能开发平台
UI 标签库帮助文档
4. Tabs(选项卡父标签)
4.1. Tabs容器标签参数
属性名 id width heigth plain fit border scrollIncrement scrollDuration
tools tabs iframe 类型 string string string boolean boolean boolean string
boolean string boolean string 控件唯一标示 选项卡宽度 选项卡高度 简单
模式 是否适应父容器 是否显示边框 滚动像素数 每个卷轴动画的毫秒
数 选项卡工具条 是否创建父容器 是否是 iframe 方式创建 选项卡位置:
tabPosition string 'top','bottom','left','ri
ght' 描述 是否必须 是 否 否 否 否 否 否 否 否 否 否 否 top
默认值 null auto auto false false true true 100 400 true null
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 13
JEECG 智能开发平台
UI 标签库帮助文档
4.2. Tab子标签参数
属性名 id href iframe title icon width heigth closable 类型 string string
string string string string string boolean 描述 控件唯一标示 Href 方式请求
地址 Iframe 方式请求地址 选项卡标题 选项卡图标 选项卡宽度 选项卡
高度 是否带关闭按钮 是否必须 是 否 否 是 否 否 否 否 默认值 null
null null false false 100% 99.5% false
4.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>
5. FormValidation(表单提交及验证标签)
5.1. 参数
属性名 action formid refresh callback beforeSubmit btnsub btnreset layout usePlugin 类型 string string boolean string string string string string string 表单提交路径 表单唯一标示 dialog 为 true 时是否刷新父页面
表单提交完成后的回调函数 表单提交前的处理函数 触发表单提交事件
的按钮 ID 触发表单重置事件的按钮 ID 表单布局方式(div 和 table 可选)
表单外调插件名称(可选插 描述 是否必须 否 是 否 否 否 否 否 是 否
默认值 null formobj true null null btn_sub btn_reset div null
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 14
JEECG 智能开发平台
UI 标签库帮助文档
件,jqtransform:表单美化) dialog boolean string string string string 是否
是弹出窗口模式 表单布为 div 时多选项卡布局分组标 题 表单校验提示
方式 css class formdiv.css 主题目录 否 否 否 4 null null 是 否 true
tabtitle
null
tiptype styleClass cssTheme
5.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>
5.3.
表单校验提示方式(tiptype)
1 自定义弹出框提示;onblur 的时候就会提示,当输入正确后,1 秒
中后会自动消失。 2 侧边提示(会在当前元素的父级的 next 对象的子级
查找显示提示信息的对象, 表单以 ajax 提交时会弹出自定义提示框显示
表单提交状态); 侧边提示(会在当前元素的 siblings 对象中查找显示提示
信息的对象,表单以 ajax 提 交时会弹出自定义提示框显示表单提交状态);
侧边提示(会在当前元素的父级的 next 对象下查找显示提示信息的对象,
表单以 ajax 提交时不显示表单的提交状态)
3
4
5.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">
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 15
JEECG 智能开发平台
UI 标签库帮助文档
字段标题: </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>
6. DictSelect (数据字典下拉选择框)
6.1. 参数
属性名 title field typeGroupCode 类型 string string string string
select|radio|checkbox
描述 标题 控件字段名字 字典分组编码
控件类型
是否必须 否 是 是 否
默认值 null null null
type
select 唯一标识 默认值 DIV 框默认样式 LABEL 默认样式 m_label
自定义字典表 自定义字典表的匹配字段-字典
id defaultVal divClass
string string string string string string
否 否 否 否
null null form Validfor
labelClass
dictTable
否 否
null
dictField
null
的编码值 自定义字典表的显示文本-字典 的显示值 自定义字典表的
显示文本-字典 查询条件 扩展参数(json 格式)
dictText
string
否 null 否 null 否
dictCondition
string string
extendJson
null
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 16
JEECG 智能开发平台
UI 标签库帮助文档
hasLabel
boolean string
是否显示 Label 是否可编辑。当值”readonly” 时不可编辑。 validform 校验规则,一般必 须输入:*
否 否
false
readonly
null 否 null
datatype
string
6.2.
用法
<t:dictSelect field="sex" typeGroupCode="sex" title="性别
"></t:dictSelect>
7. Choose(弹出选择标签)
7.1. 参数
属性名 title hiddenName hiddenid textname url name isInit isclear icon
height width left top fun langArg inputTextname 类型 string string string string string string boolean boolean string string string string string string
string string 标题 隐藏域的 ID 选中数据返回值 选中数据返回显示文本 远程访问地址 弹出列表 datagrid 的 ID 名 是否传入初始化值 是否带清空按钮 选择按钮的图标 弹出框的高度 弹出框的宽度 弹出框的左间距 弹出框的上端间距 自定义函数 多语言参数 显示域控件的 ID 描述 是否必须 否 是 是 否 是 是 否 否 否 否 否 否 否 否 否 否 默认值 null
null null null null null null false null null null null null null null null
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 17
JEECG 智能开发平台
UI 标签库帮助文档
7.2.
用法
<input id="roleid" name="roleid" type="hidden" value="${id}"/> <input name="roleName" id="roleName" class="inputxt"
value="${roleName }" readonly="readonly" datatype="*" /> <t:choose hiddenName="roleid" hiddenid="id" textname="roleName"
url="userController.do?roles" name="roleList" icon="icon-search" title="选中
角色" isclear="true" isInit="true"></t:choose>
8. Autocomplete(自动补全标签)
8.1. 参数
类型 string string string string string string string string string string string string string 描述 input 的 ID/NAME 查询 Hiber 实体名 查询关键字字
段 触发提示文字长度 默认显示值 数据验证类型 数据为空时验证 数据
格式不对时验证 转换数据 格式化要显示的数据 选择后回调方法 最多
显示条数 数据源请求通用 URL
o?getAutoList
属性名 name entityName searchField minLength defValue datatype
nullmsg errormsg parse formatItem result maxRows dataSource
是否必须 是 是 是 否 否 否 否 否 否 否 否 否 否
默认值 null null null 1 null null null null null null null 10
commonController.d
8.2.
用法
<t:autocomplete selectfun="aa" closefun="close" valueField="id" searchField="userName" labelField="userName,realName" name="user" entityName="TSUser" datatype="*" nullmsg="请 输入关键字" errormsg="数
据不存在,请重新输入"></t:autocomplete>
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 18
JEECG 智能开发平台
UI 标签库帮助文档
9. ComboTree(下拉树形选择框)
9.1. 参数
属性名 name url id width value multiple 类型 string string string string string boolean 描述 input 控件 name 请求数据 URL input 控件 id 控件
宽度 默认赋值 是否多选 是否必须 是 是 是 否 否 否 默认值 null null
null 140PX null false
9.2.
用法
<t:comboTree url="jeecgUitagController.do?getComboTreeData" value="402880e447e99cf10147e9a03b320003" name=" depid " id="depid" width="200"></t:comboTree>
10. Upload(上传标签)
说明: 该上传标签是老实现方式,不好用,建议使用轻量级标签
WebUploader 标签。
10.1.
参数
类型 string string string string 描述 上传控件唯一标示 控件 name
上传文件提交后台的其他表单参数取 ID 上传提交路径 上传文件扩展名
(可选类型组 1,pic[*.jpg;*,jpeg;*.png;*.gif;*.bmp 是否必须 是 是 否 是
默认值 null null null null
属性名 id name formData uploader
extend
string
;*.ico;*.tif], 2,office[*.doc;*.docx;*.txt;*.
ppt
关于艾滋病ppt课件精益管理ppt下载地图下载ppt可编辑假如ppt教学课件下载triz基础知识ppt
;*. xls;*.xlsx;*.html;*.htm
是
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 19
JEECG 智能开发平台
UI 标签库帮助文档
]) buttonText multi queueID dialog callback auto onUploadSu string ccess
是否生成查看删除链接默认 false,如为 view string true 需要在后台返回
JSON 中添加查看参 数(viewhref)和删除参数(delurl) formId string 后台接
受表单 id, 不可与 formData 同时 使用 上传文件大小设置 否 否 null
否 null 上传成功的处理函数 否 null string boolean string boolean string boolean 控件按钮显示文本 是否允许选择多文件 显示预上传文件列表的
对象 ID 是否是对话框模式打开上传控件 所有文件上传完成后回调函数
是否是自动上传 否 否 否 否 否 否 浏览 true true true null true
fileSizeLi string mit 15MB
10.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>
11. WebUploader (上传标签)
11.1.
属性名 name pathValues
参数
类型 string string 描述 页面控件 Input Name 属性 默认值(数据库
中存储的文件路径) 是否必须 是 否 默认值 Null Null
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 20
JEECG 智能开发平台
UI 标签库帮助文档
type string String string string string string string 类型 file 或是 image,默认 file 是否只读, 只读不显示选择文件按钮 ,只显示 pathValues 对应的文件 是否自动上传 这是每个文件上传时候需要传递的参 数字符串应带上引号,类似 css 写法 按钮颜色和大小 默认-绿色小号 上传最大文件数 单个文件大小限制(单位- [KB]) 允许的文件后缀,不带点,多个用逗 号分割 buttonText string string string boolean string 控件按钮显示文本 显示图片的 div,如果不给会默认在按 钮下方添加 div 其 id 为 fileVal 设置文件上传域的 name,默认 file 去重, 根据文件名字、文件大小和 最后修改时间来生成 hash Key 文件上传处理 url 否 否 否 file false 有 否 选择文件 否 否 否 否 否 否 否 file false false null btn-green btn-S 3 5120
readOnly
auto
extendParams
buttonStyle fileNumLimit fileSingleSizeL imit extensions
string
否
null
showImgDiv
否
null
duplicate
url
11.2.
用法
<t:webUploader auto="true" name="fileName1" buttonStyle="btn-green btn-L" ></t:webUploader> <t:webUploader
auto="true" name="fileName3" buttonStyle="btn-blue btn-S" type="image"
fileNumLimit="3"></t:webUploader>
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 21
JEECG 智能开发平台
UI 标签库帮助文档
12. AuthFilter(页面权限标签)
12.1. 参数
属性名
name
类型 string
描述
按钮容器的 ID
是否必须 否
默认值 null
12.2. 用法
<t: authFilter /> 说明:将该标签放在 JSP 页面最底部即可,注意
不要采用包含写法。 控制精度: 可控制表单片段的隐藏和禁用
13. HasPermissionTag (页面权限标签)
13.1. 参数
属性名
Code
类型 string
描述
页面控件权限 code
是否必须 是
默认值 null
13.2. 用法
<t:hasPermission code="add"> <input name="mobile"
class="inputxt" value="${depart.mobile }"> </t:hasPermission> 注意: 这是一个非的控制,code 匹配上,包含页面片段将不显示。 控制精度: 只能控制表单片段的隐藏(不区分隐藏和禁用)
14. UserSelectTag (用户选择标签)
14.1. 参数
属性名 title
selectedIdsInputId
类型 string string 标题
描述
是否必须 否 是
默认值 null null
用于记录已选择用户主键
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 22
JEECG 智能开发平台
UI 标签库帮助文档
的 input 的 id
selectedNamesInputId
string string string boolean string string
用于显示已选择用户名称 的 input 的 id 输入框宽度 弹出窗口宽度
弹出窗口高度 用户 ids 默认值 用户 names 默认值 是否只读 是否带有
Lablel
是 null 否 否 否 否 否 null 否 否
inputWidth windowWidth windowHeight userIdsDefalutVal
userNamesDefalutV al readonly hasLabel
null null false null
string Boolean
readonly false
14.2.
用法
<t:userSelect title="用户名称" selectedNamesInputId="userNames" selectedIdsInputId="userIds" windowWidth="1000px"
windowHeight="600px"></t:userSelect>
15. DepartSelectTag (部门树选择标签)
15.1. 参数
属性名 title 类型 string string 标题 用于记录已选择部门 编号的
input 的 id 用于显示已选择部门 名称的 input 的 id 输入框宽度 弹出
窗口宽度 弹出窗口高度 部门 ids 默认值 否 否 否 否 null null false null 是 null 描述 是否必须 否 是 null 默认值 null
selectedIdsInputId
selectedNamesInputId
string string string boolean string
inputWidth windowWidth windowHeight departIdsDefalutVal
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 23
JEECG 智能开发平台
UI 标签库帮助文档
departNamesDefalutVal readonly hasLabel string string Boolean 部门
names 默认值 是否只读 是否带有 Label 否 否 否 null readonly false
15.2.
用法
<t:departSelect selectedNamesInputId="orgNames" selectedIdsInputId="orgIds"></t:departSelect>
16. OrgSelectTag (部门树列表选择标签)
16.1. 参数
属性名 title 类型 string string 标题 用于记录已选择部门 编号的
input 的 id 用于显示已选择部门 名称的 input 的 id 输入框宽度 弹出
窗口宽度 弹出窗口高度 部门 ids 默认值 部门 names 默认值 是否只读
是否带有 Label 否 否 否 否 否 否 否 null null false null null readonly false 是 null 描述 是否必须 否 是 null 默认值 null
selectedIdsInputId
selectedNamesInputId
string string string boolean string string string Boolean
inputWidth windowWidth windowHeight departIdsDefalutVal departNamesDefalutVal readonly hasLabel
16.2.
用法
<t:orgSelect selectedNamesInputId="orgNames" selectedIdsInputId="orgIds"></t:orgSelect>
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 24
JEECG 智能开发平台
UI 标签库帮助文档
17. Menu(左侧菜单生成标签)
17.1. 参数
属性名 style parentFun childFun menuFun 类型 string string string
string 描述 菜单样式 一级菜单 二级菜单 菜单信息 是否必须 否 是 是
否 默认值 null null null null
17.2.
用法
<t:menu parentFun="${parentFun}" childFun="${childFun} "
></t:menu> 说明: 此标签不通用,建议开发者不要使用。
论坛:www.jeecg.org
QQ 群: 106259349, 106838471, 289782002 25