上班之余抽點時間出來寫寫博文,希望對新接觸的朋友有幫助。今天在這里和大家一起學習一下標簽參數
JEECG智能開辟平台
UI標簽庫幫助文檔
2013/4/3
zhangdaiscott@163.com
張代浩
目錄
1. BaseTag(款式表和JS引入標簽)........................................................................... 3
2.2. Column(列)子標簽............................................................................... 6
2.3. Operate(作操)子標簽............................................................................. 6
2.3.1. 刪除作操標簽................................................................................ 6
2.3.2. 自定義函數作操標簽..................................................................... 7
2.3.3. 彈出窗作操標簽............................................................................ 7
2.3.4. 訊問作操標簽................................................................................ 7
2.3.5. 列表工具條標簽............................................................................ 8
2.3.6. 列表訊問作操................................................................................ 8
3. FormValidation(表單交提及驗證標簽)................................................................... 8
5.2. Tab(項選卡子標簽).............................................................................. 11
5.2.1. Tab子標簽參數............................................................................ 11
11. ComboTree(下拉樹形選擇框)...................................................................... 15
12. Colorchange(轉變HTML控件顏色).............................................................. 15
1. BaseTag(款式表和JS引入標簽)
1.1. 示例
<t:basetype="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作操函數 |
2. Datagrid(數據表)
2.1. DataGrid父標簽
2.1.1. 示例
<t:dategrid name=""actionUrl=""></t:dategrid>
2.1.2. 參數
屬性名 |
類型 |
述描 |
是不是必須 |
認默值 |
name |
string |
表格一唯標示 |
是 |
null |
treegrid |
boolean |
是不是是樹形列表 |
否 |
false |
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 |
近程數據加載功成時觸發 |
2.2. Column(列) 子標簽
2.2.1. 示例
<t:dgColtitle="編號"field="id" ></t:dgCol>
2.2.2. 參數
屬性名 |
類型 |
述描 |
是不是必須 |
認默值 |
title |
string |
列題標字文 |
是 |
null |
field |
string |
列字段稱名(作操列字段為opt) |
是 |
null |
width |
num |
列寬度 |
否 |
auto |
rowspan |
num |
字段跨列 |
否 |
auto |
colspan |
num |
字段跨行 |
否 |
auto |
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 |
query |
boolean |
是不是把該列作為詢查字段 |
否 |
false |
funname |
string |
接鏈的自定義函數例:fun(title,url) |
否 |
openwindow |
url |
string |
給該列加接鏈 |
否 |
null |
2.3. Operate(作操)子標簽
2.3.1. 刪除作操標簽
參數名 |
述描 |
url |
刪除求請地址參數情勢 id={id} |
title |
作操題標 |
message |
訊問內容 |
exp |
是不是表現表作操的表達式 |
funname |
自定義函數稱名 |
用法 |
<t:dgDelOpt url="userController.do?delUser&id={id}" title="刪除"></t:dgDelOpt>
|
2.3.2. 自定義函數作操標簽
參數名 |
述描 |
funname |
自定義函數可傳出恣意字段 |
title |
作操題標 |
exp |
是不是表現表作操的表達式 |
用法 |
<t:dgFunOpt funname="edit(id)" title="改修"/>
|
2.3.3. 彈出窗作操標簽
參數名 |
述描 |
url |
彈出頁面地址 |
title |
作操題標 |
exp |
是不是表現表作操的表達式 |
widht |
彈出窗寬度(百分比)認默100% |
height |
彈出窗度高(百分比)認默100% |
用法 |
<t:dgOpenOpt url="expertController.do?expert&id={id}" title="彈出窗"></t:dgOpenOpt> |
2.3.4. 訊問作操標簽
參數名 |
述描 |
url |
彈出頁面地址 |
title |
作操題標 |
message |
訊問內容 |
exp |
是不是表現該作操的表達式 |
用法 |
<t:dgConfOpt url="" message="是不是禁用?" title="禁用"></t:dgConfOpt> |
2.3.5. 列表工具條標簽
參數名 |
述描 |
url |
方法求請地址 |
icon |
標圖 |
title |
題標 |
funname |
自定義函數 |
用法 |
<t:dgToolBar title="門部輯編" icon="icon-edit" url="departController.do?update"funname= "update"></t:dgConfOpt> |
2.3.6. 列表訊問作操
參數名 |
述描 |
url |
方法求請地址 |
title |
作操題標 |
message |
訊問內容 |
exp |
是不是表現改接鏈的表達式,例 字段名#表達式符號#字段值(name#eq#admin) 表達式類型支撐eq,ne,empty |
用法 |
<t:dgConfOptexp="TSPrjstatus_code#eq#new" url="activitiController.do?startBusProcess&businessKey={id}&busconfigKey={TSBusConfig_id}" message="認確終了,交提請申?" title="理辦"></t:dgConfOpt> |
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 |
3.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> |
3.3. 用法(table)
<t:formvalid formid="formobj" layout="table" dialog="true" action="roleController.do?save"> <tr> <td align="right" width="10%" nowrap> <label class="Validform_label"> 字段題標: </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> |
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;*.bmp;*.ico;*.tif],2,office[*.doc;*.docx;*.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. 用法
<t:upload name="instruction" dialog="false" queueID="instructionfile" view="true" auto="true" uploader="systemController.do?save" extend="pic" id="instruction" formData="documentTitle"> </t:upload> |
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','right' |
否 |
top |
5.2. Tab(項選卡子標簽)
5.2.1. Tab子標簽參數
屬性名 |
類型 |
述描 |
是不是必須 |
認默值 |
id |
string |
控件一唯標示 |
是 |
null |
href |
string |
Href式方求請地址 |
否 |
null |
iframe |
string |
Iframe式方求請地址 |
否 |
null |
title |
string |
項選卡題標 |
是 |
false |
icon |
string |
項選卡標圖 |
否 |
false |
width |
string |
項選卡寬度 |
否 |
100% |
heigth |
string |
項選卡度高 |
否 |
99.5% |
cache |
boolean |
選中時是不是新重發送求請 |
否 |
true |
closable |
boolean |
是不是帶關閉按鈕 |
否 |
false |
5.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> |
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 |
6.2. 用法
<t:autocomplete selectfun="aa" closefun="close" valueField="id" searchField="userName" labelField="userName,realName" name="user" entityName="TSUser" datatype="*" nullmsg="請輸入關鍵字" errormsg="數據不存在,請新重輸入"></t:autocomplete> |
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. 用法
<t:comboBox url="jeecgDemoController.do?combox" name="sex" text="userName" id="id"></t:comboBox>
|
8. Menu(側左單菜生成標簽)
8.1. 參數
屬性名 |
類型 |
述描 |
是不是必須 |
認默值 |
style |
string |
單菜款式 |
否 |
null |
parentFun |
string |
一級單菜 |
是 |
null |
childFun |
string |
二級單菜 |
是 |
null |
8.2. 用法
<t:menu parentFun="${parentFun}" childFun="${childFun} " ></t:menu>
|
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. 用法
<t:choose hiddenName="logName" hiddenid ="log1" textname ="hello" icon="customIcon" width=123 height=123 title="題標" isclear=true></t:choose>
|
10. Form(form標簽)
10.1.參數
屬性名 |
類型 |
述描 |
是不是必須 |
認默值 |
action |
string |
表單交提地址 |
否 |
null |
items |
string |
循環合集值 |
是 |
null |
10.2. 用法
<t:form action="userAction" items =null></t:form>
|
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>
|
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認默款式 |
否 |
Validform_label |
13.2. 用法
<t:dictSelect field="name" typeGroupCode="process" title="流程類型"></t:dictSelect> |
文章結束給大家分享下程序員的一些笑話語錄: 問答
Q:你是怎么區分一個內向的程序員和一個外向的程序員的? A:外向的程序員會看着你的鞋和你說話時。
Q:為什么程序員不能區分萬聖節和聖誕節? A:這是因為 Oct 31 == Dec 25!(八進制的 31==十進制的 25)