首页 > 代码库 > 关于EasyUI的Layout总结
关于EasyUI的Layout总结
版权声明:本文为博主原创文章,未经博主允许不得转载。
1、layout以html标签方式建立的
[html] view plain copy print?
- <div id="content" region="center" border="false" class="easyui-layout">
- <div id="divPage1"
- data-options="region:‘west‘"
- style="width: 150px;"></div>
- <div id="divPage2"
- data-options="region:‘center‘,href:‘${basePath}/userManage_main.jspx‘"></div>
- </div>
这样,如果我想重新修改 div id="divPage1"这个layout的href属性,应该怎么实行?
实现方法:
[javascript] view plain copy print?
- $("#divPage1").panel({region:‘west‘,href:‘${basePath}/userManage_left.jspx?width=‘+width});
- $("#divPage1").panel(‘refresh‘);
必须执行panel的‘refresh’方法才会生效,因此这个‘userManage_left.jspx’页面会被执行2次。目前我的解决办法是使用js脚本建立的方式来解决。
2、用js脚本方式建立的
先建立一个div标签,用于生成layout。
[html] view plain copy print?
- <div id="content" />
js脚本创建
[javascript] view plain copy print?
- $(‘#content‘).layout(‘add‘,{
- region: ‘west‘,
- width: 180,
- title: ‘West Title‘,
- split: true,
- href:‘${basePath}/userManage_left.jspx?width=‘+width,
- tools: [{
- iconCls:‘icon-add‘,
- handler:function(){alert(‘add‘)}
- },{
- iconCls:‘icon-remove‘,
- handler:function(){alert(‘remove‘)}
- }]
- });
- $(‘#content‘).layout(‘add‘,{
- region: ‘center‘,
- width: 580,
- title: ‘center Title‘,
- split: true,
- href:‘${basePath}/userManage_main.jspx‘,
- tools: [{
- iconCls:‘icon-add‘,
- handler:function(){alert(‘add‘)}
- },{
- iconCls:‘icon-remove‘,
- handler:function(){alert(‘remove‘)}
- }]
- });
关于EasyUI的Layout总结
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。