javascript
UI标签库专题一:JEECG智能开发平台 BaseTag(样式表和JS引入标签)
UI标签库专题一:JEECG智能开发平台 BaseTag(样式表和JS引入标签)
1.BaseTag(样式表和JS引入标签)
1.1. 示例
<t:base type="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操作函数 |
| ckeditor | 在需要加载t:ckeditor时引入ckeditor所需要的js |
| ckfinder | 在需要加载t:ckfinder或t:ckeditor加载ckfinder时引所需的JS |
2. Datagrid(数据表)
2.1.DataGrid父标签
2.1.1.示例
<t:dategrid name="" actionUrl=""></t:dategrid>
2.1.2. 参数
| 属性名 | 类型 | 描述 | 是否必须 | 默认值 |
| name | string | 表格唯一标示 | 是 | null |
| treegrid | boolean | 是否是树形列表 | 否 | false |
| 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 |
2.1.4. 事件
| 事件名 | 传出参数 | 描述 |
| onClickRow | rowIndex,rowData | 行单击事件 |
| onDblClickRow | rowIndex,rowData | 行双击事件 |
| onLoadSuccess | data | 远程数据加载成功时触发 |
总结
以上是生活随笔为你收集整理的UI标签库专题一:JEECG智能开发平台 BaseTag(样式表和JS引入标签)的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: hdu 5542(树状数组优化dp)
- 下一篇: 【JEECG dubbo专题】Dubbo