easyui data-options的使用
来源:互联网 发布:万能钥匙软件下载 编辑:程序博客网 时间:2024/06/07 09:12
data-options是jQuery Easyui 最近两个版本才加上的一个特殊属性。通过这个属性,我们可以对easyui组件的实例化可以完全写入到html中,例如:
1
<div class=
"easyui-dialog"
style=
"width:400px;height:200px"
2
data-options=
"title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}"
>
3
dialog content.
4
</div>
为什么要特殊提出一下这个属性呢? 通过这个属性,有个原来我们不好实现的功能,现在可以很轻松的就完成了。
了解easyui tree组件的童鞋估计都知道tree的node有他自己单独的属性(id,text,iconCls,checked,state,attribute,target)。而原先这个几个属性想要通过html的方式赋值实例的话,是不能完全做到的。attribute属性必须json的方式才能赋值。这也给我们开发带来了一下不便。而如今有了data-options这个属性,一切问题都迎刃而解了。
定义一棵nide带有特殊属性的node就可以通过如下方式实现了
1
<ul id=
"tt1"
class=
"easyui-tree"
data-options=
"animate:true,dnd:true"
>
2
<li>
3
<span>Folder</span>
4
<ul>
5
<li data-options=
"state:'closed'"
>
6
<span>Sub Folder 1</span>
7
<ul>
8
<li data-options=
"attributes:{'url':'xxxxx'}"
>
1
<span><a href=
"#"
>File 11</a></span>
2
</li>
3
<li data-options=
"attributes:{'url':'xxxxx'}"
>
1
<span>File 12</span>
2
</li>
3
<li>
4
<span>File 13</span>
5
</li>
6
</ul>
7
</li>
8
<li data-options=
"attributes:{'url':'xxxxx'}"
>
1
<span>File 2</span>
2
</li>
3
<li data-options=
"attributes:{'url':'xxxxx'}"
>
01
<span>File 3</span>
02
</li>
03
<li id=
"123"
data-options=
"attributes:{'url':'xxxxx'}"
>File 4</li>
04
<li>File 5</li>
05
</ul>
06
</li>
07
<li>
08
<span>File21</span>
09
</li>
10
</ul>
然后我们通过js方法获取到tree的node对象的时候 就可以直接node.attributes.url获取到相应的值了。
- easyui data-options的使用
- easyui data-options的使用
- easyui data-options的使用
- easyui data-options的使用
- easyui data-options的使用
- easyUI data-options的使用
- easyUI的data-options修改
- easyui data-options的使用以及避免重复提交
- easyui data-options
- EasyUI之data-options
- easyui data-options属性
- easyui data-options属性
- EasyUI之data-options
- easyui的data-options在动态构建Html时的使用
- easyui的data-options在动态构建Html时的使用
- easyui中data-options用法
- data-options的移除验证(easyui validatebox中移除验证)
- 使用EasyUI的新版本出现Cannot read property 'options' of undefined
- ORA-04068和ORA-04065
- Microsoft SQL Server Protocols
- 网页中插入视频播放代码 [1]
- 黑马程序员_Java高新技术之反射
- 20130718-调试设备通信常遇见的两种错误——Overrun和Underrun
- easyui data-options的使用
- MySQL Client/Server Protocol
- 使用Gradle构建Android项目
- poj3895 Cycles of Lanes
- 函数可重入性及编写规范
- C++ Dll 编写入门(转载)
- lucene开发必备工具luke介绍
- IP,UDP,TCP,SCTP整理总结
- JAVA无难事-孙鑫下载地址