首页 > 代码库 > easyui data-options的使用
easyui data-options的使用
<div class="easyui-dialog" style="width:400px;height:200px" data-options="title:‘My Dialog‘,collapsible:true,iconCls:‘icon-ok‘,onOpen:function(){}"> dialog content. </div>
为什么要特殊提出一下这个属性呢? 通过这个属性,有个原来我们不好实现的功能,现在可以很轻松的就完成了。
了解easyui tree组件的童鞋估计都知道tree的node有他自己单独的属性 (id,text,iconCls,checked,state,attribute,target)。而原先这个几个属性想要通过html的方式赋值实 例的话,是不能完全做到的。attribute属性必须json的方式才能赋值。这也给我们开发带来了一下不便。而如今有了data-options这个 属性,一切问题都迎刃而解了。如上例:
title定义在面板头部显示的标题文本
collapsible定义是否显示可折叠按钮
cionCls设置一个16x16图标的CSS类ID显示在面板左上角
onOpen是事件,在打开面板之后触发。
easyui data-options的使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。