easyui data-options的使用以及避免重复提交
来源:互联网 发布:网游客户端编程 编辑:程序博客网 时间:2024/06/07 01:39
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获取到相应的值了。
避免重复提交:
在dialog确定按钮handler中,添加
var button = this;
$(button).linkbutton('disable');
要判断easyui的验证通过以后才能让按钮不可点
提交成功后将按钮重置为可点击
$(button).linkbutton('enable');
0 0
- 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
- 避免重复提交的方法
- 避免表单的重复提交
- 避免表单的重复提交
- 使用struts的同步令牌避免form的重复提交
- 创建简单服务器
- [MFC]如何通过代码关机或重启
- Chrome拓展插件篇
- freemarker常见的一些用法(一)
- 安装CDH5.7.1集群
- easyui data-options的使用以及避免重复提交
- OpenStack 通用技术有哪些
- android_Edittext 两位小数输入,可用于价格计算器
- 修改线程上下文注入DLL
- 主机连不上虚拟机数据库
- win7活动窗口不能显示到最前端
- Wikioi 1138 聪明的质检员
- Python初级学习笔记
- Hibernate总结(转载)