Dependencies none Options
Tabs Container
Override defaults with $.fn.tabs.defaults. Properties Name width height idSeed plain fit border scrollIncrement scrollDuration Type number number number boolean boolean boolean number number Description 标签容器宽度 标签容器高度 应该是生成标签面板的基本id 标签栏显示背景 设置true，自适应父集容器大小 false 是否显示容器边框 滚动按钮每次被按下时滚动的像素值 每次滚动持续的毫秒数 Default auto auto 0 false false true 100 400 Events Name onLoad onSelect onClose Parameters arguments title title Description 当一个AJAX标签加载远程数据完成时被触发，参数和jQuery.ajax成功返回的回调函数相同 当用户选择一个标签面板时被触发 当用户关闭一个标签面板时被触发 方法 方法名 resize add close select 参数 none options title title 描述 调整标签容器的大小和布局 添加新标签面板，可选参数是一个配置对象，详细信息可以查看下面的标签面板属性 关闭一个标签面板，标题参数表明被关闭的面板 选择一个标签面板 exists title 指示特定的标签是否存在 标签面板属性 属性名 id title content href cache icon closable selected width height Type string string string string boolean string boolean boolean number number Description 标签面板的ID属性 标签面板的文本标题 标签面板的主体内容 填充标签内容的远程URL地址 如果为true，当设置href时，对标签面板进行缓存 标签面板上标题的图标CSS类 如果为true，标签面板会显示出关闭按钮，点击可以关闭选项卡面板。 如果为true，标签标签面板将被选中 标签面板的宽度 标签面板的高度 Default null null true null false false auto auto 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)
上面只是一个小例子，下面来看一下具体的选项和方法：
名字 ok cancel 类型 字符串 字符串 描述 Ok 按钮上的文本 Cancel 按钮上的文本 默认值 Ok Cancel 方法
方法名 参数 描述 在屏幕的右下角显示一个消息窗口。这些选项的参数可以是一下的一个配置对象： showType：定义如何将显示消息窗口。可用的值是：null,slide,fade,show。默认值是slide。 showSpeed：定义消息窗口完成的时间（以毫秒为单位）， 默认值600。 width：定义消息窗口的宽度。 默认值250。 height：定义消息窗口的高度。 默认值100。 msg：定义显示的消息文本。 title：定义显示在标题面板显示的标题文本。 timeout：如果定义为0，消息窗口将不会关闭，除非用户关闭它。如果定义为非0值，当超时后消息窗口将自动关闭。 $.messager.show options $.messager.alert 显示一个警告窗口。参数如下： title：显示在标题面板的标题文本。 title, msg, msg：提示框显示的消息文本。 icon, fn icon：提示框显示的图标。可用的值是：error,question,info,warning. fn：当窗口关闭时触发的回调函数。 显示一个含有确定和取消按钮的确认消息窗口。参数如下： title, msg, title：显示在标题面板的标题文本。 $.messager.confirm fn msg：确认消息窗口显示的消息文本。 fn(b)：当用户点击按钮后触发的回调函数，如果点击OK则给回调函数传true,如果点击cancel则传false。 显示一个确定和取消按钮的信息提示窗口，提示用户输入一些文本。参数如下： title, msg, title：显示在标题面板的标题文本。 $.messager.prompt fn msg：提示窗口显示的消息文本。 fn(val)：用户点击按钮后的回调函，参数是用户输入的内容。 4. 分页(Pagination)用法
在web开发中，经常会遇到分页的需求，如果靠我们手写代码，可能代码又多 ，样式又不好看，下面介绍一下jQuery easyUI 分页功能，非常的方便简单，下面看一下
4.1. 样图
4.2. 示例代码
1.
#ccc;
然后按照《jQuery EasyUI框架使用文档》包含必要文件后，只要在$(function(){ }); 里插入下面的代码即可：
1. $(\'#pp\').pagination(options);
下面来介绍Pagination的具体用法，首先来看属性：
属性名 total 类型 数描述 当分页建立时设置记录的总数量 1 默认值 字 pageSize pageNumber 数每一页显示的数量 字 数当分页建立时，显示的页数 字 10 1 pageList 用户可以修改每一页的大小，数pageList属性定义了多少种大小可以[10,20,30,50] 组 改变. 布定义数据是否正在加载 尔 false loading buttons 定义自定义按钮，每个按钮包含两个属性： 数null iconCls: 显示背景图像的CSS类 组 handler: 当一个按钮被点击时的处理函数 布定义是否显示页面列表 尔 布定义是否显示刷新按钮 尔 true true showPageList showRefresh 字beforePageText 符在输入框组件前显示的标签 串 字afterPageText 符在输入框组件后显示的标签 串 displayMsg 字符显示一个页面的信息。 串 Page of {pages} Displaying {from} to {to} of {total} items 事件
事件名 参数 pageNumber, pageSize pageNumber, pageSize pageNumber, pageSize 描述 当用户选择一个新页时触发，回调函数包含两个参数： pageNumber: 新页面的页数 pageSize: 新页面的大小 刷新按钮被点击之前触发，如果返回false则取消刷新操作 刷新以后触发 onSelectPage onBeforeRefresh onRefresh onChangePageSize pageSize 当改变页面大小时触发 5. jQuery EasyUI 对话框(Dialog)用法
jQuery EasyUI 对话框(Dialog)用法与EasyUI的窗口用法极为相似，最终的效果图也只与窗口的效果图差几个按钮，下面看一下EasyUI的对话框效果图：
百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库jquery-easyui中文详细说明文档(2)在线全文阅读。
相关推荐：