在使用easyui的treegrid或datagrid的过程经常会有这样的场景,如:需要按不同的类型加载数据时,如果选择的分类下没有数据应该把上次展示的数据清空,以免引用歧义。下面给出两种方法供初学者参考:
方法一:
1
2
3
4
5
6
7
|
var item = $( '#filegrid' ).datagrid( 'getRows' );
if (item) {
for ( var i = item.length - 1; i >= 0; i--) {
var index = $( '#filegrid' ).datagrid( 'getRowIndex' , item[i]);
$( '#filegrid' ).datagrid( 'deleteRow' , index);
}
} |
方法二推荐:
1
|
$( '#filegrid' ).datagrid( 'loadData' , { total: 0, rows: [] });
|
以上是对datagrid的操作,如果是treegrid,只需把datagrid修改为treegrid即可。
一路走来数个年头,感谢RDIFramework.NET框架的支持者与使用者,大家可以通过下面的地址了解详情。
RDIFramework.NET官方网站:http://www.rdiframework.net/
RDIFramework.NET官方博客:http://blog.rdiframework.net/
同时需要说明的,以后的所有技术文章以官方网站为准,欢迎大家收藏!
RDIFramework.NET框架由专业团队长期打造、一直在更新、一直在升级,请放心使用!
欢迎关注RDIFramework.NET框架官方公众微信(微信号:rdiframework-net),及时了解最新动态。
扫描二维码立即关注
相关推荐
`jquery-easyui-document.chm` 是 jQuery EasyUI 的官方帮助文档,通常包含了完整的 API 参考、示例代码和使用指南。这个 CHM 文件可以帮助我们深入理解整个框架,不仅仅是 Datagrid,还包括其他如对话框(dialog)...
UI设计在一个系统中的重要性是不容忽视的,我们开发人员要做到:让用户去控制...给你的Easyui-DataGrid 表头添加一点料吧 Easyui-Datagrid—表头灵活显示http://blog.csdn.net/u010293698/article/details/47956865
本文将详细探讨如何在使用jQuery Easyui的datagrid/treegrid时清空数据。 ### datagrid/treegrid清空数据的方法 在进行数据操作时,清空数据意味着需要移除grid中的所有行,以及与之相关的数据,这可以通过两种...
"easyui-datagrid2-demo.zip" 文件包含了使用 EasyUI Datagrid 的一个示例,帮助开发者了解如何实现数据的加载、分页、排序等基本操作。 在这个 demo 中,我们可以从以下几个方面学习 EasyUI Datagrid 的使用: 1....
jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1
"easyui-datagrid 之间拖拽效果 demo" 重点展示了如何在两个 EasyUI Datagrid 之间实现数据的拖放功能,这对于提升用户体验,尤其是处理大量数据时的交互性至关重要。 首先,Datagrid 是 EasyUI 提供的一种表格控件...
在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及它们的 `onchange` 事件响应。 `easyui-textbox` 是一个基础输入框组件,它扩展了原生 HTML 的 `input` 元素...
这个压缩包“jquery-easyui-1.5.5.6”包含了该框架的1.5.5.5版本,这是一份重要的更新,可能包含了一些性能优化和新功能。 在该压缩包中,有几个关键文件和目录: 1. `jquery.easyui.min.js`:这是jQuery EasyUI的...
在标题 "jquery-easyui-datagrid" 中,我们关注的是 `datagrid` 这个组件,它是 jQuery EasyUI 库中的一个核心元素。`datagrid` 提供了类似于电子表格的视图,用于展示和操作数据库或其他数据源中的表格数据。 **一...
1. 数据绑定:EasyUI 提供了数据绑定功能,可以轻松地将后台数据与前端UI组件关联,实现数据的动态展示和更新。 2. 组件丰富:包括对话框(Dialog)、表格(Grid)、表单(Form)、菜单(Menu)、树形控件(Tree)...
jquery-easyui-1.2.2jquery-easyui-1.2.2jquery-easyui-1.2.2
在本压缩包 "easyui-datagrid21-demo.zip" 中,我们找到了一个关于 EasyUI Datagrid21 的演示实例,该实例包含了一个 HTML 页面、一个 PHP 后端接口以及相关的图片和数据资源。下面将对这个演示实例进行详细的解析。...
在这款名为 "jquery-easyui-EDT-1.4-build1-附带各种主题" 的压缩包中,我们不仅获得了 jQuery EasyUI 的核心库,还得到了一套丰富多样的主题资源,这将为我们的网页设计带来极大的灵活性和视觉吸引力。 1. **...
数据网格" class="easyui-datagrid" style="width:700px;height:250px" url="data.json" toolbar="#toolbar" pagination="true" rownumbers="true" fitColumns="true" singleSelect="true"> 产品ID</th> ...
本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的效果,这对于在数据录入时需要根据上一级选择动态更新下一级选项的情况非常有用,比如在本例中的“老师分类”和“老师细类”。...
EasyUI TreeGrid是一种基于JavaScript的数据展示控件,它结合了表格和树形结构的特点,适用于展示层次关系的数据。在这个场景中,我们将深入探讨EasyUI TreeGrid的使用方法和相关知识点。 首先,EasyUI TreeGrid是...
标签中的"easyui-java"表示项目使用了EasyUI与Java的结合,"easyui-datagrid"是EasyUI中的一个关键组件,用于展示表格数据。"jeasyui"可能指的是jQuery-EasyUI,它是EasyUI的一个扩展,提供了更多的jQuery插件和组件...
在本文中,我们将详细探讨jQuery EasyUI的主题,特别是"jquery-easyui-themes.rar"这个压缩包中包含的主题资源,以及如何将这些主题应用到项目中。 该压缩包包含了"metro"系列的五套主题和"ui"系列的四套主题,具体...
今天说说这个datagrid框架的基本使用,这个框架一直以来都是大家比较头疼的框架,尤其是Json数据的拼接,后台前台都很重要,使用这个框架,最重要的是仔细:无需废话,上代码了: 代码如下:<link href=”jquery-...