JEECG UI标签库帮助文档v3.2

JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 1 JEECG智能开发平台 UI标签库帮助文档 2013/4/3 zhangdaiscott@163.com 张代浩 JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 2 目录 1. BaseTag(样式表和JS引入标签) ........................................................................................ 4 1.1. 示例 ................................................................................................................... 4 1.2. 参数 ................................................................................................................... 4 1.3. JS插件类型 ........................................................................................................ 4 2. Datagrid(数据表) .............................................................................................................. 4 2.1. DataGrid父标签 ................................................................................................ 4 2.1.1. 示例 ........................................................................................................... 4 2.1.2. 参数 ........................................................................................................... 4 2.1.3. 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 ........................................................................................................... 5 2.1.4. 事件 ........................................................................................................... 6 2.2. Column(列) 子标签 .......................................................................................... 6 2.2.1. 示例 ........................................................................................................... 6 2.2.2. 参数 ........................................................................................................... 6 2.3. Operate(操作)子标签 ....................................................................................... 7 2.3.1. 删除操作标签 ........................................................................................... 7 2.3.2. 自定义 函数 excel方差函数excelsd函数已知函数     2 f x m x mx m      2 1 4 2拉格朗日函数pdf函数公式下载 操作标签 ............................................................................... 7 2.3.3. 弹出窗操作标签 ....................................................................................... 7 2.3.4. 询问操作标签 ........................................................................................... 8 2.3.5. 列表工具条标签 ....................................................................................... 8 2.3.6. 列表询问操作 ........................................................................................... 8 3. FormValidation(表单提交及验证标签) ........................................................................... 9 3.1. 参数 ................................................................................................................... 9 3.2. 用法(div) ......................................................................................................... 10 3.3. 用法(table) ...................................................................................................... 10 4. Upload(上传标签) ........................................................................................................... 11 4.1. 参数 ................................................................................................................. 11 4.2. 用法 ................................................................................................................. 11 JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 3 5. Tabs(选项卡父标签) ....................................................................................................... 12 5.1. Tabs容器参数 ................................................................................................. 12 5.2. Tab(选项卡子标签) ........................................................................................ 12 5.2.1. Tab子标签参数 ....................................................................................... 12 5.3. 用法 ................................................................................................................. 13 6. Autocomplete(自动补全标签) ....................................................................................... 13 6.1. 参数 ................................................................................................................. 13 6.2. 用法 ................................................................................................................. 14 7. ComboBox (下拉选择框) ................................................................................................ 14 7.1. 参数 ................................................................................................................. 14 7.2. 用法 ................................................................................................................. 14 8. Menu(左侧菜单生成标签) ............................................................................................. 14 8.1. 参数 ................................................................................................................. 14 8.2. 用法 ................................................................................................................. 15 9. Choose(选则操作标签) .................................................................................................. 15 9.1. 参数 ................................................................................................................. 15 9.2. 用法 ................................................................................................................. 15 10. Form（form标签） ................................................................................................ 16 10.1. 参数 ................................................................................................................. 16 10.2. 用法 ................................................................................................................. 16 11. ComboTree(下拉树形选择框) ............................................................................... 16 11.1. 参数 ................................................................................................................. 16 11.2. 用法 ................................................................................................................. 16 12. Colorchange (改变HTML控件颜色) ........................................................................ 17 JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 4 1. BaseTag(样式表和 JS引入标签) 1.1. 示例 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 在线流程 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 器函数库 tools artDialog4.1.6弹出窗及常用 CURD操作函数 2. Datagrid(数据表) 2.1. DataGrid父标签 2.1.1. 示例 2.1.2. 参数 属性名 类型 描述 是否必须 默认值 name string 表格唯一标示 是 null treegrid boolean 是否是树形列表 否 false JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 5 autoLoadData boolean 数据列表是否自动加载 否 true queryMode string 查询模式：组合查询= group，单查 =single 否 single 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 JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 6 2.1.4. 事件 事件名 传出参数 描述 onClickRow rowIndex,rowData 行单击事件 onDblClickRow rowIndex,rowData 行双击事件 onLoadSuccess data 远程数据加载成功时触发 2.2. Column(列) 子标签 2.2.1. 示例 2.2.2. 参数 属性名 类型 描述 是否必须 默认值 title string 列标题文字 是 null field string 列字段名称(操作列字段为 opt) 是 null width num 列宽度 否 auto rowspan num 字段跨列 否 auto colspan num 字段跨行 否 auto queryMode string 字段范围查询 queryMode="group" 否 null 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 frozenColumn boolean 是否冰冻列 否 false query boolean 是否把该列作为查询字段 否 false JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 7 funname string 链接的自定义函数例：fun(title,url) 否 openwindow url string 给该列加链接 否 null 2.3. Operate(操作)子标签 2.3.1. 删除操作标签 参数名 描述 url 删除请求地址参数形式 id={id} operationCode 权限操作码，对应按钮权限配置（不设置该字段表示不进行按钮权限控制） title 操作标题 message 询问内容 exp 是否显示表操作的表达式 funname 自定义函数名称 用法 2.3.2. 自定义函数操作标签 参数名 描述 funname 自定义函数可传出任意字段 title 操作标题 operationCode 权限操作码，对应按钮权限配置（不设置该字段表示不进行按钮权限控制） exp 是否显示表操作的表达式 用法 2.3.3. 弹出窗操作标签 参数名 描述 url 弹出页面地址 title 操作标题 operationCode 权限操作码，对应按钮权限配置（不设置该字段表示不进行按钮权限控制） JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 8 exp 是否显示表操作的表达式 widht 弹出窗宽度(百分比)默认 100% height 弹出窗高度(百分比)默认 100% 用法 2.3.4. 询问操作标签 参数名 描述 url 弹出页面地址 title 操作标题 operationCode 权限操作码，对应按钮权限配置（不设置该字段表示不进行按钮权限控制） message 询问内容 exp 是否显示该操作的表达式 用法 2.3.5. 列表工具条标签 参数名 描述 url 方法请求地址 operationCode 权限操作码，对应按钮权限配置（不设置该字段表示不进行按钮权限控制） icon 图标 title 标题 funname 自定义函数 用法 2.3.6. 列表询问操作 参数名 描述 url 方法请求地址 operationCode 权限操作码，对应按钮权限配置（不设置该字段表示不进行按钮权限控制） JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 9 title 操作标题 message 询问内容 exp 是否显示改链接的表达式,例 字段名#表达式符号#字段值 (name#eq#admin) 表达式类型支持 eq,ne,empty 用法 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 tiptype string 表单校验提示方式 否 4 JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 10 3.2. 用法(div)

字段标题: 字段说明

3.3. 表单校验提示方式(tiptype) 1 自定义弹出框提示；onblur的时候就会提示，当输入正确后，1秒中后会自动消失。 2 侧边提示(会在当前元素的父级的 next对象的子级查找显示提示信息的对象，表 单以 ajax提交时会弹出自定义提示框显示表单提交状态)； 3 侧边提示(会在当前元素的 siblings对象中查找显示提示信息的对象，表单以 ajax 提交时会弹出自定义提示框显示表单提交状态)； 4 侧边提示(会在当前元素的父级的 next对象下查找显示提示信息的对象，表单以 ajax提交时不显示表单的提交状态) 3.4. 用法(table) 字段标题: 字段说明 JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 11 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;*.b mp;*.ico;*.tif],2,office[*.doc;*.doc x;*.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. 用法 JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 12 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','ri ght' 否 top 5.2. Tab(选项卡子标签) 5.2.1. Tab子标签参数 属性名 类型 描述 是否必须 默认值 id string 控件唯一标示 是 null href string Href方式请求地址 否 null iframe string Iframe方式请求地址 否 null title string 选项卡标题 是 false JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 13 icon string 选项卡图标 否 false width string 选项卡宽度 否 100% heigth string 选项卡高度 否 99.5% cache boolean 选中时是否重新发送请求 否 true closable boolean 是否带关闭按钮 否 false 5.3. 用法 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 JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 14 6.2. 用法 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. 用法 8. Menu(左侧菜单生成标签) 8.1. 参数 属性名 类型 描述 是否必须 默认值 style string 菜单样式 否 null parentFun string 一级菜单 是 null childFun string 二级菜单 是 null JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 15 8.2. 用法 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. 用法 JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 16 10. Form（form标签） 10.1. 参数 属性名 类型 描述 是否必须 默认值 action string 表单提交地址 否 null items string 循环集合值 是 null 10.2. 用法 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＞ JEECG智能开发平台 UI标签库帮助文档 论坛：www.jeecg.org QQ群: 106259349, 106838471, 289782002 17 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默认样式 否 Validfor m_label 13.2. 用法 1. BaseTag(样式表和JS引入标签) 1.1. 示例 1.2. 参数 1.3. JS插件类型 2. Datagrid(数据表) 2.1. DataGrid父标签 2.1.1. 示例 2.1.2. 参数 2.1.3. 方法 2.1.4. 事件 2.2. Column(列) 子标签 2.2.1. 示例 2.2.2. 参数 2.3. Operate(操作)子标签 2.3.1. 删除操作标签 2.3.2. 自定义函数操作标签 2.3.3. 弹出窗操作标签 2.3.4. 询问操作标签 2.3.5. 列表工具条标签 2.3.6. 列表询问操作 3. FormValidation(表单提交及验证标签) 3.1. 参数 3.2. 用法(div) 3.3. 表单校验提示方式(tiptype) 3.4. 用法(table) 5. Tabs(选项卡父标签) 5.1. Tabs容器参数 5.2. Tab(选项卡子标签) 5.2.1. Tab子标签参数 5.3. 用法 6. Autocomplete(自动补全标签) 6.1. 参数 6.2. 用法 7. ComboBox (下拉选择框) 7.1. 参数 7.2. 用法 8. Menu(左侧菜单生成标签) 8.1. 参数 8.2. 用法 9. Choose(选则操作标签) 9.1. 参数 9.2. 用法 10. Form（form标签） 10.1. 参数 10.2. 用法 11. ComboTree(下拉树形选择框) 11.1. 参数 11.2. 用法 12. Colorchange (改变HTML控件颜色) 13. DictSelect (数据字典下拉选择框) 13.1. 参数 13.2. 用法