jQuery易用户界面应用编程接口中文文档-面板面板
用$.fn.panel.defaults重写默认值。XML:NAMESPACE前缀=0/
创建面板1的示例。通过标签创建面板可以更容易地从标签创建面板。向div/标记添加“easyui-panel”类。复制的代码如下: div ID=' p ' class=' easy ui-panel ' title=' my panel ' style=' width :500 px;高度:150 px;padding:10px背景# fafafa'Cls=' icon-save '可关闭=' true '可折叠=' true '可最小化=' true '可最大化=true p Panel内容。/p p面板内容。/p/div 2。以编程方式创建面板让我们创建一个右上角有工具栏的面板。复制的代码如下: div id=' p ' style=' padding :10 px;'面板内容。/p p面板内容。/p /div $('#p ')。面板({ width:500,height:150,title: 'My Panel ',tools :[{ icon cls : ' icon-add ',handler : function(){ alert(' new ')} },{ icon cls 3360 ' icon-save ' handler : function(){ alert(' save ')} });移动面板调用“移动”方法将面板移动到新位置。复制代码如下: $ ('# p ')。面板(' move ',{left:100,top 3360100 });加载内容允许我们通过ajax加载面板内容,并在加载成功时显示一些信息。按如下方式复制代码: $ ('# p ')。panel({ href : ' content _ URL . PHP ',onload : function () {alert('加载成功');} });00-1010名称类型描述默认标题字符串显示在面板顶部的标题文本。在面板中显示一个带有16x16图标的CSS类。Nullwidthnumber设置面板的宽度。自动高度数字设置面板的高度。自动编号设置面板的左侧位置。Nulltopnumber设置面板的顶部位置。Nullclsstring向Panel添加一个CSS类。NullheaderClsstring向面板头添加一个CSS类。NullbodyClsstring向面板主体添加一个CSS类。Nullstyleobject向面板添加自定义格式样式。{}fitboolean设置为true时,面板的大小会适应其父容器。定义是否显示面板的边框。TruedoSizeboolean设置为true,面板将在创建时调整大小和布局。如果truenoheaderboolean设置为true,将不会创建面板的标题。虚假内容字符串Panel的正文内容。空折叠布尔定义是否显示折叠按钮。Falseminimizableboolean定义是否显示最小化按钮。falsemaximizableboolean定义是否显示最大化按钮。falseclosableboolean定义是否显示关闭按钮。Falsetoolsarray自定义工具组,每个工具包含两个特征:iconCls和handler[]collapsedboolean定义初始化Panel是否折叠。falseminimizedboolean定义初始化面板是否最小化。falsemaximizedboolean定义初始化面板是否最大化。falseclosedboolean定义初始化面板是否关闭。是一个加载远程数据并在面板中显示的网址。将nullcacheboolean设置为true以缓存从href加载的面板内容。TrueloadingMessagestring是加载远程数据时在面板中显示的消息。Loading…extractor函数定义了如何从ajax响应中提取内容并返回提取的数据。提取器:函数(数据){ var pattern=/body[^]*((.|[\ n \ r])*)\/body/im;var matches=pattern.exec(数据);if(matches){ return matches[1];//只提取body } else {返回数据;}}
特性
name参数表示加载远程数据时会触发onLoadnone。在打开onBeforeOpennonePanel之前触发,返回false时停止打开。当打开一个面板时触发。在onBeforeClosenonePanel关闭前触发,如果返回false,关闭将被取消。onClosenonePanel关闭时触发。销毁onBeforeDestroynonePanel前触发,如果返回false,销毁将被取消。销毁onDestroynonePanel后触发。在onBeforeCollapsenonePanel折叠之前触发,返回false时折叠停止。肿瘤坏死因子折叠后触发。在onBeforeExpandnonePanel展开之前触发,当返回false时停止展开。在onExpandnonePanel展开后触发。在宽度、高度面板上,调整大小后会触发。宽度:新的外部宽度。高度:左侧新的外部高度,在顶部面板移动后触发。左侧:新的左侧位置顶部:窗口最大化后触发的新的顶部位置最大化无。当onRestorenone窗口恢复到原始大小时触发。当最小化“最小化无”窗口时触发。00-1010 name参数描述optionsnone返回选项属性。Panelnone返回panel对象。Headernone返回面板头对象。Bodynone返回面板主体对象。设置标题的标题文本。OpenforceOpen当forceOpen参数设置为true时,面板通过绕过onBeforeOpen回调函数打开。关闭强制关闭当强制关闭参数设置为真时,面板通过绕过onBeforeClose回调函数关闭。销毁强制销毁当强制销毁参数设置为真时,面板将通过绕过onBeforeDestroy回调函数而被销毁。刷新href设置href功能后,刷新Panel以加载远程数据。调整选项设置面板大小和布局。选项对象包含以下特征:宽度:新面板宽度高度:新面板高度左侧:新面板左侧位置顶部:新面板顶部位置移动选项将面板移动到新位置。Options对象包含以下特征:左侧:新面板顶部的左侧位置:新面板最大化面板的顶部位置适应其容器的大小。最小化无最小化面板。Restorenone将最大化面板恢复到其原始大小和位置。折叠动画折叠面板主体。展开展开面板主体。
版权声明:jQuery易用户界面应用编程接口中文文档-面板面板是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。