标签参数JEECG智能开发平台 UI标签库帮助文档

来源:互联网 发布:python做性能测试 编辑:程序博客网 时间:2024/06/13 03:29



    JEECG智能开辟平台

    UI标签库帮助文档

   

    

    目录

    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>    


0 0
原创粉丝点击