標簽參數JEECG智能開發平台 UI標簽庫幫助文檔


上班之余抽點時間出來寫寫博文,希望對新接觸的朋友有幫助。今天在這里和大家一起學習一下標簽參數

 

    JEECG智能開辟平台

    UI標簽庫幫助文檔

 

 

    2013/4/3

    zhangdaiscott@163.com

    張代浩

 

    

    

    

    目錄

    1.      BaseTag(款式表和JS引入標簽)........................................................................... 3

    1.1.           示例..................................................................................................... 3

    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.        方法.............................................................................................. 5

    2.1.4.        事件.............................................................................................. 5

    2.2.           Column(列)子標簽............................................................................... 6

    2.2.1.        示例.............................................................................................. 6

    2.2.2.        參數.............................................................................................. 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

    3.1.           參數..................................................................................................... 8

    3.2.           用法(div)............................................................................................... 9

    3.3.           用法(table)............................................................................................ 9

    4.      Upload(上傳標簽).............................................................................................. 10

    4.1.           參數................................................................................................... 10

    4.2.           用法................................................................................................... 11

    5.      Tabs(項選卡父標簽).......................................................................................... 11

    5.1.           Tabs容器參數..................................................................................... 11

    5.2.           Tab(項選卡子標簽).............................................................................. 11

    5.2.1.        Tab子標簽參數............................................................................ 11

    5.3.           用法................................................................................................... 12

    6.      Autocomplete(主動補全標簽)............................................................................. 12

    6.1.           參數................................................................................................... 12

    6.2.           用法................................................................................................... 13

    7.      ComboBox(下拉選擇框)..................................................................................... 13

    7.1.           參數................................................................................................... 13

    7.2.           用法................................................................................................... 13

    8.      Menu(側左單菜生成標簽).................................................................................. 13

    8.1.           參數................................................................................................... 13

    8.2.           用法................................................................................................... 14

    9.      Choose(選則作操標簽)....................................................................................... 14

    9.1.           參數................................................................................................... 14

    9.2.           用法................................................................................................... 14

    10.             Form(form標簽).................................................................................... 15

    10.1.         參數................................................................................................... 15

    10.2.         用法................................................................................................... 15

    11.             ComboTree(下拉樹形選擇框)...................................................................... 15

    11.1.         參數................................................................................................... 15

    11.2.         用法................................................................................................... 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)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM