Jquery布局控件layout、pannel和Tabs

Jquery布局控件easyuilayout自适应浏览器大小jquery-easyui中利用panel,layout等插件可以做出很复杂的布局效果例子:对话MSN01.02.03.04.05.
06.07.08.09.10.
11.12.13.14.Hi,Iameasyui.15.
16.17.
18.
19.
20.
21.
22.23.属性closable="true"可关闭属性属性selected="true"初始化选择属性fit="true"在框内适应大小大小不超过父窗(尺寸适应它的父容器.)split="true"True就显示拆分栏,用户可以用它改变panel的尺寸.region定义layoutpanel的位置,其值是下列之一:north、south、east、west、centerclass="easyui-layout"嵌套布局'easyui-layout'类在div标记中创建layout布局iconCls="icon-reload"加载的图标class="easyui-tree"树状布局class="easyui-accordion"下拉式菜单布局class="easyui-tabs"行列式菜单布局---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---pannel面板从标记创建pannel更容易把'easyui-panel'类添加到
标记pannel工具栏

panelcontent.

panelcontent.

$('#p').panel({width:500,height:150,title:'MyPanel',tools:[{iconCls:'icon-add',handler:function(){simpleAlert('new')}},{iconCls:'icon-save'handler:function(){simpleAlert('save')}}]});$('#p').panel('move')移动pannel经由ajax加载panel内容并且当加载成功时显示一些信息:$('#p').panel({href:'content_url.php',onLoad:function(){simpleAlert('loadedsuccessfully');}});closable="true"关闭属性collapsible="true"定义了是否显示折叠按钮.minimizable="true"最小化属性maximizable=true最大化属性事件$(function(){$('#p').bind('onBeforeClose',function(){simpleAlert('打开panel');});functionload1(){$('#p').panel('refresh','title_msg.jsp');}functionsetTitle1(){$('#p').panel('setTitle','newtitle');}functionmaximize1(){$('#p').panel('maximize');//获得基本配置属性functiongetOptons1(){varoptions=$('#p').panel('options');vardesc="";---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---for(varpinoptions){desc+=p+":"+options[p]+"\n";}simpleAlert(desc)}onLoadnone当远程数据被加载时触发.onBeforeOpennonePanel打开前触发,返回false就停止打开.onOpennonePanel打开后触发.onBeforeClosenonePanel关闭前触发,返回false就取消关闭.onClosenonePanel关闭后触发.onBeforeDestroynonePanel销毁前触发,返回false就取消销毁.onDestroynonePanel销毁后触发.onBeforeCollapsenonePanel折叠前触发,返回false就停止折叠.onCollapsenonePanel折叠后触发.onBeforeExpandnonePanel展开前触发,返回false就停止展开.onExpandnonePanel展开后触发.onResizewidth,heightPanel调整尺寸后触发。width:新的外部宽度。height:新的外部高度onMoveleft,topPanel移动后触发。left:新的左边位置Top:新的顶部位置onMaximizenone窗口最大化后触发.onRestorenone窗口还原为它的原始尺寸后触发.onMinimizenone窗口最小化后触发.---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---Tabstab面板Tabs组件常用于导航菜单、不同类别内容的切换等等功能上如:创建
子标记来创建每个tab面板,用法类似于panel.创建tabs,同时捕获'onSelect'事件.onSelect:当用户选中一个tab面板时触发.1.$('#tt').tabs({2.border:false,3.onSelect:function(title){4.simpleAlert(title+'isselected');5.}6.});增加新的tab面板1.//增加新的tab面板2.$('#tt').tabs('add',{3.title:'NewTab',4.content:'TabBody',5.closable:true//关闭属性6.});获取选中的Tab1.//获取选中的Tab面板和它的tab对象2.varpp=$('#tt').tabs('getSelected');3.vartab=pp.panel('options').tab;//相应的tab对象---本文来源于网络,仅供参考,勿照抄,如有侵权请联系删除---
查看更多

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供参考,付费前请自行鉴别。
3、如文档内容存在侵犯商业秘密、侵犯著作权等,请点击“举报”。

常见问题具体如下:

1、问:已经付过费的文档可以多次下载吗?

      答:可以。登陆您已经付过费的账号,付过费的文档可以免费进行多次下载。

2、问:已经付过费的文档不知下载到什么地方去了?

     答:电脑端-浏览器下载列表里可以找到;手机端-文件管理或下载里可以找到。

            如以上两种方式都没有找到,请提供您的交易单号或截图及接收文档的邮箱等有效信息,发送到客服邮箱,客服经核实后,会将您已经付过费的文档即时发到您邮箱。

注:微信交易号是以“420000”开头的28位数字;

       支付宝交易号是以“2024XXXX”交易日期开头的28位数字。

客服邮箱:

biganzikefu@outlook.com

所有的文档都被视为“模板”,用于写作参考,下载前须认真查看,确认无误后再购买;

文档大部份都是可以预览的,笔杆子文库无法对文档的真实性、完整性、准确性以及专业性等问题提供审核和保证,请慎重购买;

文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为依据;

如果您还有什么不清楚的或需要我们协助,可以联系客服邮箱:

biganzikefu@outlook.com

常见问题具体如下:

1、问:已经付过费的文档可以多次下载吗?

      答:可以。登陆您已经付过费的账号,付过费的文档可以免费进行多次下载。

2、问:已经付过费的文档不知下载到什么地方去了?

     答:电脑端-浏览器下载列表里可以找到;手机端-文件管理或下载里可以找到。

            如以上两种方式都没有找到,请提供您的交易单号或截图及接收文档的邮箱等有效信息,发送到客服邮箱,客服经核实后,会将您已经付过费的文档即时发到您邮箱。

注:微信交易号是以“420000”开头的28位数字;

       支付宝交易号是以“2024XXXX”交易日期开头的28位数字。

笔杆子文秘的最新文档
最新县委组织部组工信息宣传月活动实施方案
最新县委组织部庆祝建党97周年系列活动方案
最新县委中医完善文化规范方案
最新县委有关城市管理实行方案
最新县委迎建国60年重点项目建设百日会战策划方案
最新县委宣传专报专题专书活动方案
最新县委消防安全防事故年工作方案
最新县委开展创先争优活动的实施方案
最新县委关于煤炭产量信息网络监控实施方案
最新县委第二批先进性教育活动实施方案
笔杆子文秘
机构认证
内容提供者

为您提供优质文档,供您参考!

相关文档
最新文章
热门标签
确认删除?