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 |
远程数据加载成功时触发 |