EasyUi常用组件(三)Panel 控制面板
来源:互联网 发布:sql不允许保存修改 编辑:程序博客网 时间:2024/04/29 20:11
1. 使用标签创建控制面板
使用标签创建控制面板十分简单,只须要对<div>标签引用'easyui-panel'类。
1.<div id="p" class="easyui-panel" title="My Panel" 2. style="width:500px;height:150px;padding:10px;background:#fafafa;" 3. data-options="iconCls:'icon-save',closable:true, 4. collapsible:true,minimizable:true,maximizable:true"> 5. <p>panel content.</p> 6. <p>panel content.</p> 7.</div>
2. 使用脚本创建控制面板
下面的代码将创建一个工具栏在右上方的控制面板。
1.<div id="p" style="padding:10px;"> 2. <p>panel content.</p> 3. <p>panel content.</p> 4.</div> 5. 6.$('#p').panel({ 7. width:500, 8. height:150, 9. title: 'My Panel', 10. tools: [{ 11. iconCls:'icon-add', 12. handler:function(){alert('new')} 13. },{ 14. iconCls:'icon-save', 15. handler:function(){alert('save')} 16. }] 17.});
移动控制面板
调用'move'方法可以将控制面板移动到一个新的位置。
1.$('#p').panel('move',{ 2. left:100, 3. top:100 4.});
载入内容
下面的代码将使用ajax载入控制面板内容并且在载入成功时显示信息。
1.$('#p').panel({ 2. href:'content_url.php', 3. onLoad:function(){ 4. alert('loaded successfully'); 5. } 6.});
0 0
- EasyUi常用组件(三)Panel 控制面板
- easyui-基础组件panel
- jQuery EasyUI API 中文文档 - 面板(Panel)
- easyui中的panel(面板)的属性href的使用
- EasyUI 控制面板
- jQuery EasyUI API 中文文档 - Panel面板
- jQuery EasyUI API 中文文档 - Panel面板
- 面板(Ext.Panel)
- Panel面板(Bootstrap)
- jQuery EasyUI基础组件(panel,window,dialog)
- 【连载】研究EasyUI系统—Panel组件(概述)
- 【连载】研究EasyUI系统—Panel组件(属性)
- 21,Ext面板Panel组件使用
- jQuery Easy UI Panel(面板)组件
- 3、Ext组件Panel面板使用
- EasyUI常用组件(基础)
- java--常用面板组件(2)
- Confluence 面板(Panel)宏
- Ubuntu 14.04 编译 Android 5.1.1源码
- Java虚拟机对象
- hive常见报错:Execution failed with exit status: 3
- 启动新内核出现:Kernel panic - not syncing: Attempted to kill init! exitcode=0x00000004
- CSS Gradient详解
- EasyUi常用组件(三)Panel 控制面板
- 问题
- 差分。。部分更新 android apk
- Java总结篇系列:Java泛型(转)
- # html+css基础学习笔记-选择器介绍
- 解决jxl导出excel异常:java.lang.ArrayIndexOutOfBoundsException
- 超强、超详细Redis数据库入门教程
- 时间戳格式化-java
- Redis和Memcache的区别分析