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 |
是否显示刷新button |
否 |
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 |
远程数据载入成功时触发 |
版权声明:本文博主原创文章。博客,未经同意不得转载。