有时候需要对查询的结果进行过滤,当然如果是前端过滤,就不要再次发出后端的查询请求了。easyui很容易就实现了这一点。
代码如:
<div class="easyui-panel" id="columnSearchResultDIV">
<table id="columnSearchResult"></table>
</div>
table的id是通过datagrid的方法来初始化内容的。隐藏的话只需:
$("#columnSearchResultDIV").panel("close");
当然,一般我们都会通过事件触发的形式,比如checkbox,那么代码一般如下:
var flag = $(thisObj).is(":checked");//判断当前checkbox的选中状态
相关推荐
在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如DataGrid、Dialog等,用于构建用户界面。本示例聚焦于如何在EasyUI中利用Dialog组件实现内容打印功能。以下是对这个主题的详细阐述: 首先,...
Dialog是一个模态窗口,通常用于显示一些需要用户交互或确认的信息。在EasyUI中,我们可以通过以下方式创建一个Dialog: ```html <div id="dialog" style="width:800px;height:600px;"> $(function(){ $('#dialog...
* 隐藏Dialog控件:使用hide方法隐藏对话框。 easyui中Layout控件的使用方法 * 创建Layout控件:使用easyui-layout控件创建布局。 * 设置Layout控件的区域:使用region属性设置布局的区域。 * 添加控件到Layout...
《jQuery EasyUI 1.3.4与jQuery 1.8 API详解及应用示例》 在Web开发领域,jQuery EasyUI和jQuery是两个极为重要的工具。jQuery EasyUI基于jQuery库,提供了一套完整的用户界面组件,使得开发者可以快速构建功能丰富...
- **显示与隐藏**: `$(selector).pluginName('show')`和`$(selector).pluginName('hide')`用于显示或隐藏组件。 - **打开与关闭**: 对于可关闭的组件如`dialog`,`$(selector).dialog('open')`和`$(selector)....
9. **API与方法**:每个组件都有一系列API和方法,如`loadData`用于加载数据,`resize`用于调整组件大小,`show`和`hide`控制组件的显示和隐藏,掌握这些API是高效使用EasyUI的关键。 10. **教程与文档**:为了帮助...
EasyUI是一个基于jQuery的UI框架,提供了丰富的组件,如表格(datagrid)、对话框(dialog)、菜单(menu)等,以及本文重点讨论的选项卡(tabs)。选项卡在网页设计中广泛用于组织和展示多个相关但相互独立的内容...
- 与EasyUI的其他组件(如Dialog、Form)配合使用,能构建出完整的数据管理界面。 6. **进阶话题** - 自定义模板:可以通过自定义模板实现复杂的数据展示和编辑需求。 - 扩展插件:社区可能存在针对eDataGrid的...
`showLoading`和`hideLoading`方法控制加载提示的显示和隐藏。 10. **插件系统** EasyUI允许开发者扩展或定制组件功能,通过编写插件,可以实现特定需求,如自定义按钮、扩展表格功能等。 11. **主题支持** ...
- **权限管理**:展示如何使用 EasyUI 实现用户角色权限控制,如按钮禁用、菜单隐藏等。 - **自定义组件**:讲解如何扩展 EasyUI 组件,实现个性化需求。 5. **性能优化与最佳实践** - **延迟加载**:使用 lazy...
2. **响应式设计**:EasyUi支持响应式布局,可以自动适应不同设备和屏幕尺寸,保证在移动设备上的良好显示效果。 3. **主题定制**:内置多种预设主题,同时也允许开发者自定义样式,满足个性化需求。 4. **数据...
2. **对话框**:展示上传进度和结果,可以通过EasyUI的`dialog`组件实现。 3. **表单**:如果需要在上传时收集其他信息,可以用EasyUI的`form`组件。 4. **进度条**:可以使用`progressBar`组件来显示上传进度。 ...
<div id="dlg" class="easyui-dialog" data-options="closed:true,modal:true,border:'thin',buttons:'#dlg-buttons'"> <td>Name: <td><input name="name" class="easyui-textbox" required="true"> ...
2. **数据绑定**:jQuery EasyUI支持通过JSON数据动态填充表格和其他组件,这在权限系统中非常重要,因为通常需要根据用户角色和权限动态显示或隐藏某些功能和数据。 3. **事件处理**:通过监听用户操作,如点击...
1. **对话框(Dialog)**:提供弹出窗口功能,可用来显示页面内容或者进行交互操作,支持标题、大小、位置、拖动、关闭按钮等设置。 2. **面板(Panel)**:基础容器组件,用于展示内容,可以嵌套其他组件,支持...
- 使用EasyUI的`$.ajax`或`$.post`方法,与后台进行异步数据交互,实现无刷新的数据更新。 - JSON格式通常用于数据交换,方便前后端数据的序列化和反序列化。 4. **事件处理** - **行操作事件**:如`...
例如,通过 JavaScript 实现桌面图标的拖放功能,以及开始菜单、右键菜单的动态显示和隐藏。 5. **项目结构与文件**: 虽然没有提供具体的文件列表,但在一个完整的 EasyUI 项目中,通常包含以下文件: - HTML ...
jQuery EasyUI将复杂的JavaScript细节加以隐藏,开发者接触的只是最简单的标签代码,因此学习和使用jQuery EasyUI都是十分容易的。 jQuery EasyUI 1.0.5主要包括如下改进: 1. jQuery EasyUI 1.0.5修正了panel...
此外,jQuery的动画效果也非常强大,如.fadeIn()和.fadeOut()实现淡入淡出效果,.slideToggle()实现滑动显示和隐藏。 EasyUI的组件如panel(面板)、tabs(标签页)和layout(布局)等,为构建复杂的网页界面提供了...