easyui和eos常用组件

easyui和eos常用组件

ID:33966806

大小:429.00 KB

页数:23页

时间:2019-03-02

easyui和eos常用组件_第1页
easyui和eos常用组件_第2页
easyui和eos常用组件_第3页
easyui和eos常用组件_第4页
easyui和eos常用组件_第5页
资源描述:

《easyui和eos常用组件》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、开发中心Easyui与EOS常用组件(版本号V1.0)普华讯光(北京)科技有限公司二〇一四年九月23--更改履历版本号修改编号更改时间更改简要描述更改人批准人                                    注:更改人除形成初稿,以后每次修改在未批准确认前均需采用修订的方式进行修改。23--一EasyUI常用组件1、Panel(面板)面板作为承载其它内容的容器。这是构建其他组件的基础(比如:layout,tabs,accordion等)。它还提供了折叠、关闭、最大化、最小化和自定义行为。面板可

2、以很容易地嵌入到web页面的任何位置。a)常用属性事件方法:i.属性:Title:在面板头部显示的标题文本。iconCls:设置一个16x16图标的CSS类ID显示在面板左上角。width:设置面板宽度。height:设置面板高度。fit:当设置为true的时候面板大小将自适应父容器。下面的例子显示了一个面板,可以自动在父容器的最大范围内调整大小。border:定义是否显示面板边框。content:面板主体内容。collapsible:定义是否显示可折叠按钮。minimizable:定义是否显示最小化按钮。maxi

3、mizable:定义是否显示最大化按钮。closable:定义是否显示关闭按钮。ii.方法:open:打开面板。close:关闭面板。b)使用案例i.创建面板$('#p').panel({title:’MyPanel’,iconCls:’icon-save’,width:500,height:150,fit:false,border:false,collapsible:true,minimizable:true,closable:true,content:'panelcontent});ii.使用方法打开面板$('

4、#p').panel(‘open’);关闭面板$('#p').panel(‘close’);23--1、Layout(布局)布局容器有5个区域:北、南、东、西和中间。中间区域面板是必须的,边缘的面板都是可选的。每个边缘区域面板都可以通过拖拽其边框改变大小,也可以点击折叠按钮将面板折叠起来。布局可以进行嵌套,用户可以通过组合布局构建复杂的布局结构。a)常用属性事件方法:i.属性fit:如果设置为true,布局组件将自适应父容器。当使用'body'标签创建布局的时候,整个页面会自动最大。b)使用案例

5、"easyui-layout"data-options="fit:true">

6、East'Title',split:true"style="width:100px;">

23--PS:布局面板中north和south必

7、须设置高度;west和esat必须设置宽度;center不需要设置高度和宽度;并且region为center的组件不能设置fit属性为true;嵌套布局:

8、ivdata-options="region:'center',border:false">

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。