Jquery easyui 使用说明
1. Layout 布局 (1)
1.1. 样图 (1)
1.2. 示例代码 (2)
2. tabs面板 (3)kotlin修改系统环境变量
2.1. 样图 (3)
2.2. 示例代码 (3)
3. jQuery EasyUI 提示框(Messager)用法 (5)
3.1. 样图 (5)
3.2. 示例代码 (5)
4. 分页(Pagination)用法 (6)
4.1. 样图 (7)
4.2. 示例代码 (7)
5. jQuery EasyUI 对话框(Dialog)用法 (8)
5.1. 示例图片 (8)
5.2. 示例代码 (8)
6. jQuery EasyUI 窗口(Window)用法 (9)
6.1. 样图 (10)
6.2. 示例代码 (10)
7. jQuery EasyUI 验证框(V alidateBox)用法 (11)
7.1. 样图 (11)
7.2. 示例代码 (11)
8. jQuery EasyUI 数字框(NumberBox)用法 (13)
8.1. 样图 (13)
8.2. 示例代码 (13)
9. DataGrid (13)
1.Layout 布局
1.1. 样图
Usage
Markup
在div 里面加载布局的方法:class="easyui-layout"
布局面板必需要有一个'center' 面板.
1.2. 示例代码
<div id="cc" class="easyui-layout">
<div region="north" title="North Title" split="true" ></div>
<div region="south" title="South Title" split="true" ></div>
<div region="east" icon="icon-reload" title="East" split="true" ></div>
<div region="west" split="true" title="West" ></div>
<div region="center" title="center title" ></div>
</div>
jQuery
$('#cc').layout(options);
Dependencies
panel
resizable
typedef char chOptions
Layout Panel Options
所有属性都是放在<div/>标签里面
null
标题名字,当写了名字后将会产生折叠图标
false boolean
True时,面板间将产生一个拖动条可改变面板间大小
在面板头部显示图标的CSS
null 将在布局面板中产生一个图标如:icon="icon-reload"
fit="true" 自动改变大小
Methods
2.tabs面板
2.1. 样图
2.2. 示例代码
在<div/>标签里使用方法class="easyui-tabs"
Usage
Markup
<div id="tt" class="easyui-tabs">
<div title="Tab1" >
tab1
</div>
<div title="Tab2" closable="true" > tab2
</div>
<div title="Tab3" icon="icon-reload" closable="true" > tab3
</div>
</div>
jQuery
To create a tabs container源代码云门
$('#tt').tabs(options);
jquery下载的文件怎么使用To add a tab panel:
$('#tt').tabs('add',{
title:'New Tab',
content:'Tab Body',
closable:true
});
Dependencies
none
Options
Tabs Container
Override defaults with $.fn.tabs.defaults.
Properties
Events
方法
dart语言缺陷标签面板属性
3.jQuery EasyUI 提示框(Messager)用法
jQuery EasyUI 提示框(Messager)不仅重写了window默认的alert,confirm和prompt,而且还增加一些在页面右下角显示的提示框。
3.1. 样图
jQuery EasyUI 提示框(Messager)不仅强大,而且也不用任何的HTML代码,只需要按照《jQuery EasyUI 框架使用文档》包含必要文件后,在$(function(){ }); 里插入下面的代码即可:
3.2. 示例代码
1.$.messager.show()
2.$.messager.alert('My Title','事件已经触发');
Messager需要依存于以下的这些组件:
* 可拖放(Draggable)
* 调整大小(Resizable)
* 面板(panel)
* 窗口(window)
* 链接按钮(linkbutton)
上面只是一个小例子,下面来看一下具体的选项和方法:
第n层和n+1层的关系
方法
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论