Ext Grid listener

最新推荐文章于 2016-12-18 11:46:41 发布
最新推荐文章于 2016-12-18 11:46:41 发布 · 283 阅读 · 0

Grid事件-双击，单选等。

2009-08-11 09:49:25|分类： Extjs学习笔记 |字号订阅

1.1事件

1.1.1双击事件- rowdblclick

事件名：rowdblclick

参数：function on<wbr>RowDoubleClick</wbr>(grid, rowIndex,e)

例如：

方法1：使用listeners的方法测试无效。

Ext.on<wbr>Ready</wbr>(function ()

{

var grid = new Ext.grid.GridPanel(

{

autoHeight:true,

ds: ds,

cm: cm,

renderTo: document.body,

listeners:

{

"rowdblclick" : function(grid, rowIndex,e)

{

alert(grid.getStore().getAt(rowIndex).da<wbr>ta</wbr>.name);

}

}

});

});

方法2：用addListener的方法

Ext.on<wbr>Ready</wbr>(function ()

{

var grid = new Ext.grid.GridPanel(

{

autoHeight:true,

ds: ds,

cm: cm,

renderTo: document.body

});

grid.addListener('rowdblclick',on<wbr>RowDoubleClick</wbr>);

grid.show();

});

functionon<wbr>RowDoubleClick</wbr>(grid,rowIndex, e)

{

alert(grid.getStore().getAt(rowIndex).da<wbr>ta</wbr>.name);

}

1.1.2单选事件- rowselect

事件名：rowselect

参数：function(sm, row, rec)

例如：

方法1：使用listeners的方法测试无效。

Ext.on<wbr>Ready</wbr>(function ()

{

var grid = new Ext.grid.GridPanel(

{

autoHeight:true,

ds: ds,

cm: cm,

renderTo: document.body,

sm: new Ext.grid.RowSelectionModel(

{

singleSelect:true,

listeners:

{

//单选事件

"rowselect":function(sm, row, rec)

{

Alert(rec.da<wbr>ta</wbr>.username);

}

});

});

1.1事件

1.1.1双击事件- rowdblclick

事件名：rowdblclick

参数：function on<wbr>RowDoubleClick</wbr>(grid, rowIndex,e)

例如：

方法1：使用listeners的方法测试无效。

Ext.on<wbr>Ready</wbr>(function ()

{

var grid = new Ext.grid.GridPanel(

{

autoHeight:true,

ds: ds,

cm: cm,

renderTo: document.body,

listeners:

{

"rowdblclick" : function(grid, rowIndex,e)

{

alert(grid.getStore().getAt(rowIndex).da<wbr>ta</wbr>.name);

}

}

});

});

方法2：用addListener的方法

Ext.on<wbr>Ready</wbr>(function ()

{

var grid = new Ext.grid.GridPanel(

{

autoHeight:true,

ds: ds,

cm: cm,

renderTo: document.body

});

grid.addListener('rowdblclick',on<wbr>RowDoubleClick</wbr>);

grid.show();

});

functionon<wbr>RowDoubleClick</wbr>(grid,rowIndex, e)

{

alert(grid.getStore().getAt(rowIndex).da<wbr>ta</wbr>.name);

}

1.1.2单选事件- rowselect

事件名：rowselect

参数：function(sm, row, rec)

例如：

方法1：使用listeners的方法测试无效。

Ext.on<wbr>Ready</wbr>(function ()

{

var grid = new Ext.grid.GridPanel(

{

autoHeight:true,

ds: ds,

cm: cm,

renderTo: document.body,

sm: new Ext.grid.RowSelectionModel(

{

singleSelect:true,

listeners:

{

//单选事件

"rowselect":function(sm, row, rec)

{

Alert(rec.da<wbr>ta</wbr>.username);

}

});

});


程江玉
关注
extjs_03_grid(增加数据)
那些疯狂到以为自己能够改变世界的人，才能真正改变世界！
06-23 1292
extjs_03_grid(增加数据) 弹出增加窗口，显示增加的数据.
extjs 对grid中 的行监听
anderberte
07-12 1728
在grid 中初始化一个RowSelectionModel，在RowSelectionModel监听rowselect事件即可搞定，如下： var sm  =  new Ext.grid.RowSelectionModel({                 singleSelect: true,                 listeners: {              
ext 组件添加监听 listener
gd1206100064的专栏
11-18 2430
转自：http://blog.sina.com.cn/s/blog_48d7f92901011cfn.html ext 组件添加监听的3中方法： 方法1 在构造组件的时候添加: xtype : 'textarea',   name : 'dataSetField',   labelSeparator:'',   fieldLabel:'',   hideLabel
Ext Grid上的单击以及双击事件
hwq1987的专栏
04-11 2万+
<br />1、双击     var cb = new Ext.grid.RowSelectionModel({         singleSelect:true //如果值是false，表明可以选择多行；否则只能选择一行     });         var alarmGrid = new Ext.grid.GridPanel({         }     alarmGrid.addListener('rowdblclick', rowdblclickFn);         function ro
自定义设置 Ext.grid.GridPanel_样式
iteye_20019的博客
11-24 670
一：修改头样式 1：直接修改样式      监听gridpanel的'afterrender' 事件 listeners : {         'afterrender' : function(){               var elments = Ext.select(".x-grid3-header");//.x-grid3-hd                   elment...
Ext.grid.GridPanel .
mengzhengjie的专栏
03-29 928
Ext.grid.GridPanel .   var grid = new Ext.grid.GridPanel({     store   //数据源     cm      //Ext.grid.columnModel     columns //功能和Ext.grid.columnModel一样。与cm有一个就行     autoWidth:true
Ext.grid.EditorGridPanel使用方法
weixin_33979363的博客
12-29 177
首先定义一个EditorGridPanel， var maintainceOrderGrid = new Ext.grid.EditorGridPanel( {// 创建Grid表格组件 applyTo : 'maintainorderinfo-grid-div',// 设置表格现实位置 frame : true,// 渲染表格面板 tbar : too...
编辑 Ext 表格（二）——— 编辑表格元素
狼窝
12-18 707
一、编辑单元格 Ext 中通过配置表格的属性 plugins 来设置表格是否可编辑， 表格的配置具体如下： var gridTable = Ext.create('Ext.grid.Panel', {     id: 'gridTable',     region: 'center',     layout: 'fit',     columns: cols,     store:
Ext.js5属性表格（更新数据）（handler和listener的区别）（蓝色的时候是蓝色的combo）（source）(19)
鹿惊的博客
12-19 669
/** * This example shows how to create a property grid from an object. It also demonstrates * updating the grid with new values and also a whole new dataset. * 这个例子展示了如何通过一个对象创建一个属性表格。同时也演示了怎么更新表格数据
extjs中的事件监听方法
沉浮
06-05 9292
事件监听方法： （1） 这个方法主要给dom对象来监听事件              Ext.get(document).on('事件',function(){ 处理方法}); （2）写在容器里面 如panel         listeners｛'事件',function(){处理方法}｝; （3）对定义的js类进行事件监听        var eastpanel=new Ext.
GridPanel的listeners（监听事件）
weixin_30487317的博客
06-05 709
EditorGridPanel编辑事件以及赋值 var gridArray = new Ext.grid.EditorGridPanel({ title:'', height: 350, id:'gridArray', na...
Ext.grid.Panel远程加载数据分页，提供添加删除修改等操作
Mars的专栏
03-20 3367
Ext.grid.Panel远程加载NorthWind中Customers数据，并提供分页、添加、删除、修改和查看操作，界面如下图： Ext.grid.Panel Ajax加载数据 添加界面 修改界面 查看界面 Extjs代码如下： //Ext.grid.Panel动态加载和读取相关Customers信息 Ext.onReady(function () {
Extjs 控制grid、editorgrid动态添加、删除行
jazywoo_在路上
08-20 3508
1.对Grid进行删除 function() { var _grid = Ext.getCmp("id_of_grid"); var content = _grid.getSelectionModel().getSelected(); //取得选择的那一行 if (content != null) { s
Ext2.0框架的Grid使用介绍
热门推荐
CSDN-浩淼的天空
01-24 2万+
最近空闲时间在学习Ext2.0框架，只有一个字的感叹“强”，我从未想到JS代码能够写出这么绚丽的Web页面出来，以前看到YUI，惊若天人，如今看到EXT2.0的东西，更是感觉震撼。 Ext2.0是一个JS框架，它的Grid控件和其它可以显示数据的控件，能够支持多种数据类型，如二维数组、Json数据和XML数据，甚至包括我们自定义的数据类型。Ext为我们提供了一个桥梁Ext.data.Store
Ext.GridPanel 用法总结（一）—— Grid基本用法
百福骈臻庆吉昌
05-25 9081
GridPanel类是基于基础列表接口具代表性的主要实现类。也是最常用的Ext组件之一。一：首先定义grid的数据源 //初始化Ext状态管理器，在Cookie中记录用户的操作状态，如果不启用，象刷新时就不会保存当前的状态，而是重新加载 Ext.state.Manager.setProvider(new Ext.state.CookieProvid
ExtJs grid(二)注意事项及例子
WEBCODE
07-29 200
一:grid中的selModel三种选择模型: RowSelectionModel: var sr=new Ext.grid.RowSelectionModel({ singleSelect:true, listeners: { rowselect: function(sm, row, rec) { // ...
Extjs-表格 Ext.grid.GridPanel
itlwc
08-15 1万+
项目中的grid 自动显示行号 rn = new Ext.grid.RowNumberer(); 复选框 var sm = new Ext.grid.CheckboxSelectionModel({ //如果只允许用户通过复选框执行选中操作放开下面配置项 //handleMouseDown : Ext.emptyFn//可复用的空函数 //true表示只允许选择单行 //singl
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值