我想用ext写一个grid,显示数据时选中其中的一行或几行,发现每次页面打开后grid的复选框都是被选中后立即又取消
给选中操作增加延迟,发现这种情况就没有啦
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>ext的grid默认选中问题</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{header:'编号',dataIndex:'id'},
{header:'性别',dataIndex:'sex'},
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn'}
]);
var data = [
['1','male','name1','descn1'],
['2','female','name2','descn2'],
['3','male','name3','descn3'],
['4','female','name4','descn4'],
['5','male','name5','descn5']
];
var store = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({}, [
{name: 'id'},
{name: 'sex'},
{name: 'name'},
{name: 'descn'}
])
});
var grid = new Ext.grid.GridPanel({
autoHeight: true,
renderTo: 'grid',
store: store,
cm: cm,
sm: sm
});
grid.store.addListener('load',function(store,record,options){
//选择相应数据,此处加了延迟,防止选中之后立即又取消
(function(){
grid.getSelectionModel().selectRow(1);
}).defer(500);
});
store.load();
});
</script>
</head>
<body>
<script type="text/javascript" src="../shared/examples.js"></script>
<div id="grid"></div>
</body>
</html>
分享到:
相关推荐
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, <br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
http: www extgrid com extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过...extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列 [更多]
用于Ext开发Grid中遇到的所锁列的问题,这个很有帮助
Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码
本人成功实现的一个合并列的例子,希望对大家有帮助
支持Ext3 Ext4导出excel,客户端导出表格,支持各种主流浏览器。
Ext grid panel 滚动条位置不变,适用于实时数据的刷新
EXT GRID使用EXT GRID使用 EXT GRID使用EXT GRID使用
EXT中根据返回的grid中的状态列的内容来改变这一行显示的背景颜色
ext grid 根据条件指定行颜色,比如总分大于90分行显示为红色
Grid实现中文排序的功能,重写Ext.data.Store的applySort函数
Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...
本实例使用官方Ext3.1包 ...1.创建简单快捷的Ext Grid控件 代码清晰 2.Grid 读取 Xml 3.Grid 读取 json 4.Grid 读取 Excel 5.直接在 Grid 控件进行增删改查的操作 有任何疑问的同志欢迎提出即可谢谢
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
EXT grid导出EXCEL,有事例,下载后直接可用
官方例子 Ext grid filter
NULL 博文链接:https://damen.iteye.com/blog/946039
Ext Grid表格的自动宽度及高度的实现
一个完整的ext中grid与tree的使用,是很好的一个学习例子.