来自 威尼斯国际官方网站 2019-11-28 04:53 的文章
当前位置: 威尼斯国际官方网站 > 威尼斯国际官方网站 > 正文

【威尼斯国际官方网站】easyUI属性汇总

6、 .dialog               生成三个对话框。它继续自window
      私有属性如下:
                 1)title:该对话框标题文本。暗中同意"New Dialog"。
                 2)collapsible:当True时可展现折叠按键。暗中认可false。
                 3)minimizable:当True时可展示最小化开关。暗中同意false。
                 4)maximizable:当True时可兆示最大化开关。暗中同意false。
                 5)resizable:当True时能重绘对话框大小。私下认可false。
                 6)toolbar:该工具栏置于对话框的顶上部分,每种工具栏包蕴:text, iconCls, disabled, handler等脾气。
                 7)buttons:那几个按键置于对话框的底部,种种开关包罗:text, iconCls, handler等性情。
                
7、 .draggable          生成八个可放肆拖动的块。
      属性如下:
              1)handle:选择"#id"举办拖动。
              2)disabled:当True时截止自由拖动。暗中同意false。
              3)edge:开首拖动拖动块时的增长幅度。暗中同意0。
              4)axis:当拖动块移动时定义轴,可选值是'v'大概'h',当不唯有'v'和'h'的方面时将设置为null。
     事件如下:
                 1)onStartDrag:当指标对象初叶拖动时激活。
                 2)onDrag:在拖动时期激活。重返false将不会实际拖动它(的职位)。
                 3)onStopDrag:当对象对象甘休拖动时激活。
                
8、 .linkbutton          生成一个链式开关。

属性分为CSS片段和JS片段。

9、a easyui-splitbutton         生成三个菜单列。

5、 .combotree       生成二个组合树形框。

4、input/textarea easyui-validatebox       生成字段验证。
              属性如下:
              1)required:true[必需] false[不必需] 默认false
              2)validType:
                 a、length[a,b] 字段长度调节在a至b之间。
                 b、email       验证Email。
                 c、url      验证互联网地址。
              3)missingMessage:当文本时现身空时弹出该工具指示,系统有私下认可[英文],自定义可覆盖它。
              4)invalidMessage:当文本内容无效后弹出该工具提醒,系统有私下认可[英文],自定义可覆盖它。
                
5、ul easyui-tree         生成三个树形构造。
             属性如下:
              1)url:三个获得远程数据的地址。
              2)animate:当实行或折叠节点时是否定义动画效果。true[是] false[否] 默认false
             节点属性如下:
             1)text:节点的来得文本。
             2)id:节点ID,对于加载远程数据时非常关键。
             3)state:节点状态,'open'或'closed',默以为'open'。当设置为'关闭',该节点包蕴子节点,并将长途站点加载它们(并非触发再加载)。
             4)attributes:为节点增多自定义属性。
             5)children:以数组节点的法子定义一些字节点。
             事件如下:
                 1)onClick:
                    当客户点击一个节点时激活,该节点参数满含如下属性:
                    id:节点ID
                    text:节点文本
                    attributes:节点自定义属性。
                    target:指标点击的DOM对象。
              2)onLoadSuccess:
                   当数据成功加载数据时激活,该参数跟jQuery.ajax的'success'函数意义相仿。
              3)onLoadError:
                  当数码加载数据退步时激活,该参数跟jQuery.ajax的'error'函数效用相像。
             方法如下:
                 1)reload:重新加载树数据。
                 2)getSelected:获取选中的节点并回到它,若无选取节点将回来null。
                 3)collapse:折叠八个节点,该指标参数是该节点的DOM对象。
              4)expand:张开一个节点,该目的参数是该节点的DOM对象。 
              5)append:在二个父节点追加一些子节点。
                    param有四个天性:
                    parent:DOM对象,把它看作父节点追加(它们)。
                    data:array,可能节点数据。
              6)remove:删除它以致它以下的子节点,该指标参数是该节点的DOM对象。 
                          
6、table easyui-datagrid                   生成八个报表。
             属性如下:
                 1)title:该DataGrid面板的标题文本。
                 2)iconCls:贰个CSS类,将提供一个背景图片作为标题Logo。
                 3)border:当true时,呈现该datagrid面板的边框。
                 4)width:面板宽度,自动列宽。
                 5)height:面板中度,自动列高。
                 6)columns:该DataGrid列配置对象,查看column属性可收获更加多音讯。
                 7)frozenColumns:跟Columns属性类似,不过这几个列将会被固定在左侧。
                 8)striped:当true时,单元格呈现条纹。暗许false。
                 9)method:通过该方式类型央浼远程数据。暗中同意post。
                10)nowrap:当true时,显示数据在同生机勃勃行上。暗中认可true。
                11)idField:表达哪个字段是三个标记字段。
                12)url:叁个URubiconL,从远程站点获取数据。
                13)loadMsg:当从远程站点加载数据时,呈现一个提醒音信。暗中同意"Processing,please wait …"。自定义覆盖。
                14)pagination:当true时在DataGrid底部展现二个分页工具栏。暗中认可false。
                15)rownumbers:当true时来得行号。暗许false。
                16)singleSelect:当true时只允许当前筛选豆蔻年华行。暗许false。
                17)fit:当true时,设置大小以适应它的父容器。暗中认可false。
                18)pageNumber:当设置分页属性时,开端化的页码编号。暗中同意从1始发
                19)pageSize:当设置分页属性是,开首化的页面大小。暗中同意10行
                20)pageList:当设置分页属性时,伊始化页面包车型客车深浅选用场目清单。暗中认可[10,20,30,40,50]
                21)queryParams:当呼吁远程数据时,也得以发送额外的参数。
                22)sortName:定义哪列能够排序。
                23)sortOrder:定义列的排列顺序,只好是'asc'或'desc'。默许asc。
             Column属性如下:
                 1)title:该列标题文本。
                 2)田野先生:该列对应的字段名称。
                 3)width:列宽。
                 4)rowspan:表明该单元格须求某个行数。
                 5)colspan:表明该单元格需求多少列数。
                 6)align:表达Column数据的对齐格局。'left','right','center' 都足以运用。
                 7)sortable:当true时,允许该列进行排序。
                 8)checkbox:当true时,允许该列现身checkbox。
             事件如下:
                 1)onLoadSuccess:当远程数据加载成功是激活。
                 2)onLoadError:当远程数据加载开采部分破绽百出时激活。
                 3)onClickRow:当顾客点击某行时激活,参数包含:
                    rowIndex: 点击的行索引,从0伊始。
                    rowData: 点击行时对应的笔录。
                4)onDblClickRow:当客商双击某行时激活,参数包括:
                    rowIndex: 点击的行索引,从0初步。
                    rowData: 点击行时对应的笔录。
                5)onSortColumn:当客商对某列排序时激活,参数包蕴:
                   sort:排序字段名称。
                   order:排序字段类型。
                6)onSelect:当顾客挑选某行时激活,参数富含:
                   rowIndex: 点击的行索引,从0开端。
                   rowData: 点击行时对应的笔录。
                7)onUnselect:当用户废除接收某行时激活,参数包罗:
                    rowIndex: 点击的行索引,从0开端。
                    rowData: 点击行时对应的笔录。
             方法如下:
                 1)options:再次回到接收对象。
                 2)resize:重调大小,生成布局。
                 3)reload:重新加载数据。
                 4)fixColumnSize:固定列大小。
                 5)loadData:加载本地数据,过去的行会被去除。
                 6)getSelected:重回第叁个选中央银行的笔录,若未选重返null。
                 7)getSelections:再次来到选中的装有行,当未有选拔记录时将回到空数组。
                 8)clearSelections:清除全部选项的筛选情状。
                 9)selectRow:选取生机勃勃行,行索引从0初叶。
                10)selectRecord:通过传递二个ID值参数,接纳风流浪漫行。
                11)unselectRow:撤除采纳大器晚成行。
            
7、div easyui-tabs                         生成一个tab容器。
             属性如下:
                 1)width:容器宽度,自动列宽。
                 2)height:容器中度,自动列高。
                 3)idSeed:该根id衍生成标签面板DOM id属性。暗许0
                 4)plain:当true时,该Tab渲染不选取容器背景图片。暗许false
                 5)fit:当true时,设置该Tab大小以适应它的父容器。暗中认可false
                 6)border:当true时,显示该Tab边框。
                 7)scrollIncrement:
                 8)scrollDuration:
             事件如下:
                 1)onLoad:当一个ajax Tab面板需求加载远程数据时激活。该参数跟jQuery.ajax的'success'函数作用相仿。
                 2)onSelect:当客商筛选叁个Tab面板时激活。
                 3)onClose:当客户关闭二个Tab面板时激活。
             方法如下:
                 1)resize:重绘该Tab容器的构造。
                 2)add:新扩充三个Tab面板,该选拔参数是二个配备对象,看Tab面板属性可获取更加的多音信。
                 3)close:关闭该Tab面板,标题参数字呈现示你要关门的指标。
                 4)select:选取三个Tab面板。
                 5)exists:固然该Tab面板存在即展示。
             Tab面板属性如下:
                 1)id:该Tab面板DOM id属性。
                 2)text:该Tab面板标题文本。
                 3)content:该Tab面板内容。
                 4)href:一个U景逸SUVL,加载远程内容以填充Tab面板。
                 5)cache:当true时,缓存Tab面板,当href 属性设置后灵光。私下认可true
                 6)icon:扩张贰个CSS class图标以突显在Tab面板的标题旁。
                 7)closable:当true时,该Tab面板将展现可关闭按键,点击能关闭该Tab面板。私下认可false
                 8)selected:当true时,该Tab面板将被选中。私下认可false
                 9)width:面板宽度,自动列宽。
                10)height:面板中度,自动列高。
               
8、div menu-sep              生成一个美食指南分隔线。

3、a  easyui-linkbutton                    生成链接类型的按键。

9、 .messager           生成二个音信框。
             选项如下:
                 1)ok:展现显明按键文本。
                 2)cancel:展现撤消开关文本。 
             方法如下:
             1)show:在显示器的右下角现身二个新闻框。该选项参数是二个布局对象,它回顾:
                showType:定义新闻框呈现的情势,可选值富含:null,slide,fade,show.默许slide.
                showSpeed: 定义音讯框完结显示的岁月。私下认可600微秒。
                width: 定义新闻框的拉长率。暗中同意250。
                height:定义新闻框的可观。暗中同意100。
                msg:定义音信框突显的文书。
                title: 在音信框面板底部展现题目文本。
                timeout: 如若定义为0,信息框将不会自动关闭,除非客商手动关闭它。借使定义为非0值,音讯框会在逾期停止时自动关闭它。单位纳秒。
             2)alert:彰显贰个打字与印刷窗口。它的参数如下:
                title: 在头顶展现题目文本。
                msg:显示文本内容。
                icon: 彰显Logo。可选值:error,question,info,warning。
                fn: 当窗口关闭后触发回调函数。
             3)confirm:展现八个包括鲜明和注销开关的断定音讯框。参数满含:
                title:在头顶展现标题文本。
                msg: 展现文本内容。
                fn(b):回调函数,当客商点击OK开关,重回True,才会管理该函数,其它开关再次回到false,不管理。
             4)prompt:彰显一个新闻框,包括OK和Cancel按键并提示客户输入一些文件。参数包罗:
                title:在头顶突显标题文本。
                msg:展现文本内容。
                fn(val):该回调函数管理客户输入的参数值。 
             
10、 .pagination         生成二个页码工具条。
           属性如下:
            1)total:当分页条创制后装置的记录数。暗中同意1。
            2)pageSize:页面大小。暗许10。
            3)pageNumber:当分页创造后显得的页码。暗许1。
            4)pageList:客商能校勘页面包车型客车分寸。您也足以改变该属性定义的默认大小。暗中同意[10,20,30,50]。
            5)loading:定义是还是不是正在加载。私下认可false。
            6)buttons:定义自定义开关,每种开关都包含四个属性:
               iconCls: 该CSS类将彰显三个背景Logo。
               handler: 当按键点击时触发多个处理函数。
            7)beforePageText:当输入组件前展现四个标签文本。
            8)afterPageText:当输入组件后显得三个标签文本。
            9)displayMsg:突显二个页面消息。
           方法如下:
            1)onSelectPage:当客户选用叁个新页面时激活。该回调函数富含四个参数:
               pageNumber: 该新页面包车型客车页码。
               pageSize:该新页面包车型客车分寸。

4、 .combobox        生成一个整合下拉框。

2、 .tree                  生成二个树形布局。

CSS类定义:
1、div easyui-window        生成贰个window窗口样式。
      属性如下:
                   1)modal:是不是变动模态窗口。true[是] false[否]
                   2)shadow:是不是出示窗口阴影。true[显示] false[不显示]
            
2、div easyui-panel           生成四个面板。
       属性如下:
                 1)title:该标题文本呈现在面板尾部。
                 2)iconCls:在面板上经过二个CSS类展现16x16图标。
                 3)width:设置面板宽度。默许auto。
                 4)height:设置面板中度。默许auto。
                 5)left:设置面板左边距。
                 6)top:设置面板顶端地点。
                 7)cls:在面板中追加二个Class类。
                 8)headerCls:在面板尾部中加进一个Class类。
                 9)bodyCls:在面板内容中扩充叁个Class类。
                10)style:在面板中追加二个点名样式。
                11)fit:当True时安装该面板尺寸相符于它的父容器。暗中认可false。
                12)border:当定义时呈现面板边界。暗中同意true。
                13)doSize:如若设置为True,该面板将重绘大小,同等对待建结构。暗许true。
                14)collapsible:当定义时展现可折叠面板的开关。暗中同意false。
                15)minimizable:当定义时展现最小化面板的开关。暗许false。
                16)maximizable:当定义时显示最大化面板的开关。暗许false。
                17)closable:当定义时展现关闭面板的开关。暗中认可false。
                18)tools:自定志愿者具栏,各类工具都包括多少个特性:iconCls、handler。
                19)collapsed:当定义时该面板开始化时处于裁减状态。默许false。
                20)minimized:当定义时该面板初叶化时处于最小化状态。暗中同意false。
                21)maximized:当定义时该面板开首化时处于最大化状态。暗中同意false。
                22)closed:当定义时该面板开端化时处于倒闭状态。暗中同意false。
                23)href:多少个url,加载远程数据并突显在面板中。
                24)loadingMessage:当加载远程数据时,在面板中显得贰个音讯。私下认可Loading…
             事件如下:
                 1)onLoad:当远程数据加载完结后激活。
                 2)onBeforeOpen:当面板展开前激活。
                 3)onOpen:当面板展开后激活。
                 4)onBeforeClose:当面板关闭前激活。
                 5)onClose:当面板关闭后激活。
                 6)onBeforeDestroy:当面板销毁前激活。
                 7)onDestroy:当面板销毁后激活。
                 8)onBeforeCollpase:当面板减少前激活。
                 9)onCollapse:当面板减少后激活。
                10)onBeforeExpand:当面板扩充前激活。
                11)onExpand:当面板扩张后激活。
                12)onResize:当面板重绘后激活。
                      width:新建的外表宽度
                      height:新建的外表中度
                13)onMove:当面板移动后激活。
                     left:左边新职责。
                     top:最上端新岗位。
                14)on马克西姆ize:当窗口最大化后激活。
                15)onRestore:当窗口复苏到原本大小时激活。
                16)onMinimize:当窗口最小化后激活。
             方法如下:
                 1)options:返回options属性。
                 2)panel:再次回到面板对象。
                 3)header:重返面板底部对象。
                 4)body:重回面板主体对象。
                 5)setTitle:设置尾部的标题文本。
                 6)open:当forceOpen参数设置为true时,面板打开时绕过onBeforeOpen回调函数。
                 7)close:当forceClose参数设置为true时,该面板关闭时绕过onBeforeClose回调函数。
                 8)destroy:当forceDestroy参数设置为true时该面板销毁时绕过onBeforeDestroy回调函数。
                 9)refresh:当href属性设置后刷新该面板以加载远程数据。
                10)resize:设置面板的深浅和结构。该options对象蕴涵以下属性:
                     width:新的面板宽度。
                     height:新的面板高度。
                     left:新的面板左边地方。
                     top:新的面板顶端地方。
                11)move:移动面板到叁个新的岗位。该options对象富含以下属性:
                     left:新的面板右边地方。
                     top:新的面板最上部地点。

11、select easyui-combobox       生成多个构成下拉框。
             属性如下:
                 1)width:容器宽度,自动列宽。
                 2)listWidth:该组合下拉框的增长幅度。
                 3)listHeight:该结合下拉框的中度。
                 4)valueField:把该幼功数据的值名称绑定到组合下拉框中[value]。
                 5)textField:把该根基数据的字段名称绑定到组合下拉框中[威尼斯国际官方网站 ,text]。
                 6)editable:当True时,可径直在文字域中键入文本。暗许true。
                 7)url:三个U福特ExplorerL,从远程加载列表数据。
             事件如下:
                 1)onLoadSuccess:当远程数据加载成功是激活。
                 2)onLoadError:当远程数据加载开采一些谬误时激活。
                 2)onSelect:当顾客选拔多少个列表选项时激活。
                 3)onChange:当该字段的值爆发转移时激活。
             方法如下:
                 1)select: 在下拉列表中采用贰个值。
                 2)setValue: 设置钦点值到该字段。在'param' 参数能够是一个字符串只怕叁个JS对象。注:JS对象蕴涵的习性对应valueField和TextField五个属性。
                 3)getValue: 获取该字段的值。
                 4)reload:   重新央浼远程列表数据。
             
12、select easyui-combotree      生成一个组成树形框。
            属性如下:
            1)width:容器宽度,自动列宽。
            2)treeWidth:该树形下拉框的增长幅度。
            3)treeHeight:该树形下拉框的冲天。
            4)url:一个U索罗德L,从远程加载树形数据。
             事件如下:
             1)onSelect:当客户选用二个树形节点时激活。
             2)onChange:当该字段的值爆发转移时激活。
             方法如下:
             1)setValue: 设置内定值到该字段。在'param' 参数可以是叁个树形节点ID值大概贰个JS对象。注:JS对象蕴含的性质对应id和text两个属性。
             2)getValue: 获取该字段的值。 
             3)reload:   重新央求远程列表数据。
             
13、body[div] easyui-layout      生成一个搭架子。
            属性如下:
            1)title:该面板标题文本。
            2)region:定义布局面板的职责,包罗下列值:north,south, east, west, center。
            3)border:当True时体现布局面板的边框。默许为True。
            4)split: 当True时呈现三个分开符以使客户退换面板的尺寸。暗中同意false。
            5)icon:二个LogoCSS类,在面板底部显示叁个Logo。 
            6)href:一个UEnclaveL,以从远程站点加载数据。             
             
14、div easyui-menu        生成四个菜谱。
            属性如下:
            1)zIndex: Menu z-index样式。注释:z-index 属性设置成分的聚成堆顺序。 
            2)left:菜单左起地方。暗许0。
            3)top: 菜单顶端地方。暗许0。
            4)href:当点击菜单项时能在时下浏览器窗口突显分化的网站。
            事件如下:
            1)onShow:激活后出示菜单。
            2)onHide:激活后规避菜单。
            方法如下:
            1)show:在内定的任务呈现二个美食指南。该职位上带有三个参数:
                left:新的左起地点。
               top:新的最上端地方。
            2)hide:隐藏多个菜单。
               
15、a easyui-menubutton       生成三个美食做法开关。
            属性如下:
            1)disabled:当True时禁止使用该开关。暗许false。
            2)plain:当True时体现贰个惯常意义。暗中认可false。
            3)menu:一个接纳器名称,用来创立相应的菜单。
            4)duration: 当悬停该按键时,定桐花菜单的不停展现时间,单位为皮秒。暗许100。
             
16、input easyui-numberbox      生成一个数字输入框。
            选项如下:
            1)min:允许的细微值。当输入值紧跟于最小值时,显示最小值。
            2)max:允许的最大值。当输入值大于最大值时,呈现最大值。
            3)precision:分隔符后能纯粹的小数点位数。整数暗中认可会追加小数点位数。                 

10、div easyui-accordion        生成手风琴式下拉框。世袭自panel

JS定义:
1、 .window            生成一个window窗口。

3、 .datagrid           生成多少个报表。

       属性如下:
            1)disabled:当True时禁止使用该按键。暗中同意false。
            2)plain:当True时来得贰个常常意义。暗中同意false。

本文由威尼斯国际官方网站发布于威尼斯国际官方网站,转载请注明出处:【威尼斯国际官方网站】easyUI属性汇总

关键词: