1.grid.getSelectionModel().getCount() ;//获得当前选中的行数
2.grid.getStore().getTotalCount();//获得记录总数
3.grid.getStore().getCount();//获得当前分页的记录总数
4.
5.//获得当前鼠标单击的单元格的value
6.new GridPanel({
7. .....
8. listeners:{
9. cellclick : function(grid, rowIndex, columnIndex, e) {
10. var record = grid.getStore().getAt(rowIndex); // 获得当前行的记录
11. var fieldName = grid.getColumnModel().getDataIndex(columnIndex); //获得列名(字段名)
12. var data = record.get(fieldName);//再从记录中获得这列的value
13. alert('你当前单击的单元格的value是:' + data);
14. }
15. }})
如何让可编辑grid的单元格如果没有输入值,这个单元格就不会失去焦点
这个你在设置editor的时候给控件加上 allowBlank:false即可,这样就不允许为空了,至于不让单元格失去焦点,你可以再blur事件中让空间focus就可以了,不过不推荐这样做,你如果设置为不能为空,他会提示用户的.否则这样的话会给用户带来不好的体验!
Js代码
1.var colModel = new Ext.grid.ColumnModel([
2. {header: "Ticker", width: 60, sortable: true,
3. editor : new Ext.form.TextField({allowBlank:false})
4. }
5. ]);
可编辑的grid的单元格如果被编辑后,就会打上标记,有什么方法可以随意控制不要填上这个标记
你可以再修改记录后马上调用Store的 commitChanges() 方法就可以去掉红三角
以上代码都未经过测试
红三角相关
http://www.iteye.com/problems/12585
分享到:
相关推荐
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
在IT领域,特别是Web开发中,Ext Grid是一个广泛使用的组件,用于展示和管理大量数据。它提供了丰富的功能,包括排序、筛选、分页等,使得数据的交互和操作变得非常便捷。当我们需要将Ext Grid中的数据导出为Excel...
在EXT(Ext JS)框架中,EXT Grid是一个强大的数据展示组件,它允许用户以表格的形式显示大量数据。在实际业务场景中,有时我们需要将EXT Grid中的数据导出为Excel文件,以便于分析、存储或共享。这个过程涉及到EXT ...
extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...
为了解决这个问题,我们可以重写Ext.data.Store的`applySort`函数,以便在进行本地排序时应用中文排序规则。上述代码正是这样一个解决方案。它将原生的`applySort`函数替换为一个新的版本,其中包含了对中文字符串...
EXTGRID是EXT JS库中的一个核心组件,它在Web应用中用于展示数据并提供交互功能。EXT JS是一个基于JavaScript的富客户端框架,用于构建复杂的、数据驱动的Web应用程序。EXTGRID以其强大的数据网格功能,提供了丰富的...
在EXT JS框架中,Grid组件是一种非常常用的展示数据表格的方式,它提供了丰富的功能和灵活性。在某些场景下,用户可能需要合并行或列以更好地组织和呈现数据,例如在显示汇总信息或者创建复杂的报告时。"ext grid ...
分页是EXT Grid的重要特性之一,它可以有效地管理大量数据,避免一次性加载所有数据导致的性能问题。EXT Grid通常与服务器进行异步通信(即Ajax技术)来实现分页。Ajax允许Web应用在不刷新整个页面的情况下更新部分...
Ext Grid和Tree是Ext JS库中的两种重要组件,它们在Web应用开发中广泛用于数据展示和组织。...在开发过程中,你还可以参考Ext JS的官方文档,那里提供了详尽的API和示例,对于学习和解决问题非常有帮助。
Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码
"Ext grid 导出Excel"是一个常见需求,它涉及到了JavaScript库Ext JS中的数据网格组件(Ext Grid)与Microsoft Excel文件格式的交互。下面我们将深入探讨这个主题。 首先,Ext JS是一个强大的JavaScript UI框架,它...
EXT Grid是一款基于JavaScript的强大的数据网格组件,广泛用于Web应用程序中展示、操作和管理大量结构化数据。它提供了丰富的功能,如排序、过滤、分页、编辑等,并且支持自定义列、行以及多种交互模式。在EXT Grid...
通过阅读"5_使用Grids显示数据.doc"文档,你可以更深入地了解EXT JS Grid的用法和实践,包括如何配置和使用上述功能,以及解决实际项目中的问题。掌握EXT JS Grid的使用,对于提升前端数据展示的效率和用户体验有着...
用于Ext开发Grid中遇到的所锁列的问题,这个很有帮助
支持Ext3 Ext4导出excel,客户端导出表格,支持各种主流浏览器。
在EXT JS这个强大的JavaScript框架中,EXT Grid是一个非常重要的组件,用于展示大量结构化数据,并提供了丰富的交互功能。本文将深入探讨"EXT Grid数据绑定"这一主题,包括数据查找和如何将查找结果重新填充到Grid中...
在探讨“Ext Grid表格的自动宽度及高度的实现”这一主题时,我们深入解析如何在Ext JS框架下,利用其强大的Grid组件自适应容器尺寸,实现表格宽度与高度的自动调整。这一技术对于构建响应式、用户友好的界面至关重要...
在EXT JS框架中,"ext grid tree 应用"是一个常见的功能组合,它结合了Grid面板和Tree面板的优势,用于展示复杂的数据结构。Grid通常用于显示二维表格数据,而Tree则用于展示层次化的数据。在这个例子中,开发者通过...
Ext Grid是Ext JS库中的一个核心组件,用于展示和操作数据集。在Web应用程序中,它经常被用来作为数据表格,允许用户查看、排序、筛选和编辑数据。在这个"Ext Grid简单实例"中,我们将探讨如何从Web服务提取数据并将...
### Ext grid panel 滚动条位置不变 在前端开发领域,特别是在使用Ext JS框架时,保持滚动条位置不变是一个非常实用的功能。特别是在处理实时数据更新的场景下,这一功能可以确保用户在数据刷新后仍然停留在之前...