用$.fn.panel.defaults重写defaults。
用法示例
创建Panel
1. 经由标记创建Panel
从标记创建Panel更容易。把 'easyui-panel' 类添加到<div/>标记。 复制代码 代码如下:
<div id="p" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px;background:#fafafa;"
iconCls="icon-save" closable="true"
collapsible="true" minimizable="true" maximizable=true>
<p>panel content.</p>
<p>panel content.</p>
</div>
2. 编程创建Panel
让我们创建带右上角工具栏的Panel。. 复制代码 代码如下:
<div id="p" style="padding:10px;">
<p>panel content.</p>
<p>panel content.</p>
</div>
$('#p').panel({
width:500,
height:150,
title: 'My Panel',
tools: [{
iconCls:'icon-add',
handler:function(){alert('new')}
},{
iconCls:'icon-save'
handler:function(){alert('save')}
}]
});
移动Panel
调用 'move' 方法把Panel移动到新位置。 复制代码 代码如下:
$('#p').panel('move',{
left:100,
top:100
});
加载内容
让我们经由ajax加载panel内容并且当加载成功时显示一些信息。 复制代码 代码如下:
$('#p').panel({
href:'content_url.php',
onLoad:function(){
alert('loaded successfully');
}
});
|
名称 |
类型 |
说明 |
默认值 |
|
title |
string |
显示在Panel头部的标题文字。 |
null |
|
iconCls |
string |
在Panel里显示一个16x16图标的CSS类。 |
null |
|
width |
number |
设置Panel的宽度。 |
auto |
|
height |
number |
设置Panel的高度。 |
auto |
|
left |
number |
设置Panel的左边位置。 |
null |
|
top |
number |
设置Panel的顶部位置。 |
null |
|
cls |
string |
给Panel增加一个CSS类。 |
null |
|
headerCls |
string |
给Panel头部增加一个CSS类。 |
null |
|
bodyCls |
string |
给Panel身体增加一个CSS类。 |
null |
|
style |
object |
给Panel增加自定义格式的样式。 |
{} |
|
fit |
boolean |
当设为true时，Panel的 尺寸就适应它的父容器。 |
false |
|
border |
boolean |
定义了是否显示Panel的边框。 |
true |
|
doSize |
boolean |
设置为true，创建时Panel就调整尺寸并做成布局。 |
true |
|
noheader |
boolean |
要是设置为true，Panel的头部将不会被创建。 |
false |
|
content |
string |
Panel身体的内容。 |
null |
|
collapsible |
boolean |
定义了是否显示折叠按钮。 |
false |
|
minimizable |
boolean |
定义了是否显示最小化按钮。 |
false |
|
maximizable |
boolean |
定义了是否显示最大化按钮。 |
false |
|
closable |
boolean |
更多精彩内容其他人还在看
JavaScript this关键字指向常用情况解析这篇文章主要介绍了JavaScript this关键字指向常用情况解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0赞 0分享 vue cli 3.0通用打包配置代码,不分一二级目录这篇文章主要介绍了vue cli 3.0通用打包配置代码,不分一二级目录，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享 JavaScript事件循环及宏任务微任务原理解析这篇文章主要介绍了JavaScript事件循环及宏任务微任务原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0赞 0分享 vue打包静态资源后显示空白及static文件路径报错的解决这篇文章主要介绍了vue打包静态资源后显示空白及static文件路径报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享 vue-cli3访问public文件夹静态资源报错的解决方式这篇文章主要介绍了vue-cli3访问public文件夹静态资源报错的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享 vue或react项目生产环境去掉console.log的操作这篇文章主要介绍了vue或react项目生产环境去掉console.log的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享 解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题这篇文章主要介绍了解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0赞 0分享 |
