onBeforeRefresh onRefresh onChangePageSize 方法 名称 options loading loaded 1.7 搜索框 搜索框
参数 none none none pageNumber, pageSize pageNumber, pageSize pageSize 刷新之前触发, 返回false将取消刷新。 刷新之后触发。 当用户修改每页显示记录数时触发。 描述 返回分页属性对象。 提醒分页插件正在载入。 提醒分页插件已经载入。 使用$.fn.searchbox.defaults重载默认值。
依赖关系
?
菜单按钮
使用方法 创建搜索框
1. 使用标签创建。对input标签引用'easyui-searchbox'类。 1. 6. 9. 10. All News 11. Sports News 12. 2. 使用脚本创建。
1. 2. 3. All News 4. Sports News 5. 6. $('#ss').searchbox({ 7. width:200, 8. searcher:function(value,name){ 9. alert(value + \ + name) 10. }, 11. menu:'#mm', 12. prompt:'Please Input Value' 13. }); 属性
名称 类型 描述 设置组建的宽度。 默认值 auto width（宽度） number（数字） propmt（提醒） value（值） string（字符串） string（字符串） 显示在搜索框的提醒信息。 '' 搜索框的默认值。 搜索类型下拉菜单。 '' null null menu（菜单） selector（选择器） searcher（搜索器） 方法
名称 options menu 参数 none none 描述 当用户点击搜索按钮或者function(value,name) 按下ENTER键的时候搜索函数将被调用。 返回搜索框属性对象。 返回搜索类型菜单对象。 textbox none 返回文本框对象。 返回当前搜索关键字。 getValue none setValue value 设置新的搜索关键字。 getName destroy resize 1.8 进度条 进度条
使用$.fn.progressbar.defaults重载默认值。
none none 返回当前搜索类型。 清除搜索框组件 width 重置搜索框组建的宽度。
依赖关系
?
无
使用方法 创建进度条
进度条组件可以通过html标签或脚本两种方法创建。使用html标签创建更容易，只需要对标签引用'easyui-progressbar'类。
1.
获取/设置进度值
为进度条获取当前进度值并且设置一个新的进度值。
1. var value = $('#p').progressbar('getValue'); 2. if (value < 100){ 3. value += Math.floor(Math.random() * 10); 4. $('#p').progressbar('setValue', value); 5. } 属性
名称 类型 描述 默认值 auto 0 width（宽度） string（字符串） 设置进度条的宽度。 value（值） text（文本） 事件
名称 参数 描述 number（数字） 当前进度，百分比数值。 string（字符串） 显示在组件中的文本模板。 {value}% onChange newValue,oldValue 当进度发生改变时触发。 方法
名称 options resize 参数 none 描述 返回进度条属性对象。 width 重置进度条。 返回当前进度值。 getValue none setValue value 设置一个新的进度值。 2. 布局管理器
2.1 控制面板
使用$.fn.panel.defaults重载默认值。
使用方法 创建控制面板
1. 使用标签创建控制面板
使用标签创建控制面板十分简单，只须要对标签引用'easyui-panel'类。 1. 4.
panel content.
5.panel content.
6. 2. 使用脚本创建控制面板下面的代码将创建一个工具栏在右上方的控制面板。 1. 2.
panel content.
3.panel content.
4. 5. $('#p').panel({ 6. width:500, 7. height:150, 8. title: 'My Panel', 9. tools: [{ 10. iconCls:'icon-add', 11. handler:function(){alert('new')} 12. },{ 13. iconCls:'icon-save' 14. handler:function(){alert('save')} 15. }] 16. });移动控制面板
调用'move'方法可以将控制面板移动到一个新的位置。 1. $('#p').panel('move',{ 2. left:100, 3. top:100 4. });
载入内容