首页 JEECG UI标签文档v3.7

JEECG UI标签文档v3.7

举报
开通vip

JEECG UI标签文档v3.7JEECG UI标签文档v3.7 JEECG UI标签文档v3.7 目 录 1. BaseTag(样式表和JS引入标 签) ........................................................................................ 4 1.1. 示 例 .................................................................................................

JEECG UI标签文档v3.7
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
本文档为【JEECG UI标签文档v3&#46;7】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_594905
暂无简介~
格式:doc
大小:84KB
软件:Word
页数:36
分类:工学
上传时间:2018-02-21
浏览量:103