1.
2.
3.
4.
5.
6.
7.
8.
9.
Jquery easyui 使用说明
Layout 布局 ............................................................................................................................. 1 1.1. 样图 ............................................................................................................................... 1 1.2. 示例代码 ....................................................................................................................... 2 tabs面板 ................................................................................................................................... 3 2.1. 样图 ............................................................................................................................... 3 2.2. 示例代码 ....................................................................................................................... 3 jQuery EasyUI 提示框(Messager)用法 ................................................................................... 5 3.1. 样图 ............................................................................................................................... 5 3.2. 示例代码 ....................................................................................................................... 6 分页(Pagination)用法 ............................................................................................................... 7 4.1. 样图 ............................................................................................................................... 7 4.2. 示例代码 ....................................................................................................................... 7 jQuery EasyUI 对话框(Dialog)用法 ....................................................................................... 9 5.1. 示例图片 ....................................................................................................................... 9 5.2. 示例代码 ....................................................................................................................... 9 jQuery EasyUI 窗口(Window)用法 ...................................................................................... 10 6.1. 样图 ............................................................................................................................. 10 6.2. 示例代码 ..................................................................................................................... 11 jQuery EasyUI 验证框(ValidateBox)用法 ............................................................................ 12 7.1. 样图 ............................................................................................................................. 12 7.2. 示例代码 ..................................................................................................................... 12 jQuery EasyUI 数字框(NumberBox)用法 ............................................................................ 13 8.1. 样图 ............................................................................................................................. 14 8.2. 示例代码 ..................................................................................................................... 14 DataGrid ............................................................................................................................... 14
1. Layout 布局
1.1. 样图
Usage Markup
在div 里面加载布局的方法:class=
布局面板必需要有一个 \'center\' 面板.
1.2. 示例代码
$(\'#cc\').layout(options); Dependencies panel resizable Options
Layout Panel Options
所有属性都是放在
标签里面 Name Type Description Default title string 会产生折叠图标 标题名字，当写了名字后将null region border string boolean 布局的位置值有: north, south, east, west, center. 显示布局面板的边框 true split boolean True时,面板间将产生一个小 在面板头部显示图标的CSS 拖动条可改变面板间大false icon string 将在布局面板中产生一个图标如：icon=null href string 从远程地址加载数据的URL null fit=自动改变大小Methods
Name panel Parameter region Description Return the specified panel, the \'region\' parameter possible values:\'north\',\'south\',\'east\',\'west\',\'center\'. Collapse the specified panel, the \'region\' parameter possible values:\'north\',\'south\',\'east\',\'west\'. Expand the specified panel, the \'region\' parameter possible values:\'north\',\'south\',\'east\',\'west\'. collapse region expand region 2. tabs面板
2.1. 样图
2.2. 示例代码
在
标签里使用方法class=Usage Markup
To create a tabs container $(\'#tt\').tabs(options); To add a tab panel:
$(\'#tt\').tabs(\'add\',{ title:\'New Tab\', content:\'Tab Body\', closable:true });