社区
Java EE
帖子详情
Ext中向Ext.grid.GridPanel() 添加按钮和点击事件
grjs2004
2013-02-28 12:04:03
如何向EXTJS的Ext.grid.Panel()的列添加按钮,并添加点击事件,可以取出所点击行的所有列的值?
谢谢啦!
...全文
1817
3
打赏
收藏
Ext中向Ext.grid.GridPanel() 添加按钮和点击事件
如何向EXTJS的Ext.grid.Panel()的列添加按钮,并添加点击事件,可以取出所点击行的所有列的值? 谢谢啦!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
a_b_a_b_a_b_a_b
2013-02-28
打赏
举报
回复
同意楼上的方法,楼上是通用的方法;如何想添加按钮的话是否用renderer方法,返回一个按钮不知道是否可行,没试过;
求知路漫漫
2013-02-28
打赏
举报
回复
给你个例子看吧
Ext.create('Ext.data.Store', {
storeId:'employeeStore',
fields:['firstname', 'lastname', 'senority', 'dep', 'hired'],
data:[
{firstname:"Michael", lastname:"Scott"},
{firstname:"Dwight", lastname:"Schrute"},
{firstname:"Jim", lastname:"Halpert"},
{firstname:"Kevin", lastname:"Malone"},
{firstname:"Angela", lastname:"Martin"}
]
});
Ext.create('Ext.grid.Panel', {
title: 'Action Column Demo',
store: Ext.data.StoreManager.lookup('employeeStore'),
columns: [
{text: 'First Name', dataIndex:'firstname'},
{text: 'Last Name', dataIndex:'lastname'},
{
xtype:'actioncolumn',
width:50,
items: [{
icon: 'images/edit.png', // Use a URL in the icon config
tooltip: 'Edit',
handler: function(grid, rowIndex, colIndex) {
var rec = grid.getStore().getAt(rowIndex);
alert("Edit " + rec.get('firstname'));
}
},{
icon: 'images/delete.png',
tooltip: 'Delete',
handler: function(grid, rowIndex, colIndex) {
var rec = grid.getStore().getAt(rowIndex);
alert("Terminate " + rec.get('firstname'));
}
}]
}
],
width: 250,
renderTo: Ext.getBody()
});
求知路漫漫
2013-02-28
打赏
举报
回复
我以前写过 添加图片,然后添加图片的点击事件,如何获取所有的列需要你在创建页面的时候给图片一个值。 代码具体怎么写忘的差不多了,等下班回去找找给你说下。
ext
grid
的每行最后一列
添加
按钮
ext
grid
的每行最后一列
添加
按钮
var sm = new
Ext
.
grid
.CheckboxSelectionModel(); var cm = new
Ext
.
grid
.ColumnModel([ new
Ext
.
grid
.RowNumberer(), sm, {header:'编号',dataIndex:'id',s
Ext
中向
Ext
.
grid
.
Grid
Panel
() 显示
按钮
,并绑定id(行标识)
1、拼装
按钮
备注:行标识id,在加载显示的时候就已和
按钮
绑定到一起,并相应的执行
按钮
操作;(附图) 2、返回图片
按钮
链接 备注:行标识id,在图片
按钮
显示过后,当执行
按钮
事件时,在函数中通过循环选择模型来获取,并相应的执行
按钮
操作;(附图)
Ext
js3.2的
Grid
Panel
的selModel属性设置
Ext
.
grid
.AbstractSelectionModel
如果没有设置selModel或者sm,文档说默认为
Ext
.
grid
.RowSelectionModel。 见如下:粗体 selModel : Object Any subclass of
Ext
.
grid
.AbstractSelectionModel that will provide the selection model for the
grid
(defaults
Ext
.
grid
.
Grid
Panel
1、
Ext
.
grid
.
Grid
Panel
主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格是否隔行换色,默认为fa...
grid
Panel
添加
按钮
在实际开发中有的时候需要一些下图这样的功能,为了实现下图方法,需要做很多事情!当然有一种很好的方法, 但是不安全,不容易维护!为了方便维护所以写了下面的方法! ///
添加
列单击事件,方便在列内
添加
功能
按钮
Ext
.
grid
.
Grid
Panel
.prototype.processEvent = function(name, e){ ...
Java EE
67,535
社区成员
225,852
社区内容
发帖
与我相关
我的任务
Java EE
J2EE只是Java企业应用。我们需要一个跨J2SE/WEB/EJB的微容器,保护我们的业务核心组件(中间件),以延续它的生命力,而不是依赖J2SE/J2EE版本。
复制链接
扫一扫
分享
社区描述
J2EE只是Java企业应用。我们需要一个跨J2SE/WEB/EJB的微容器,保护我们的业务核心组件(中间件),以延续它的生命力,而不是依赖J2SE/J2EE版本。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章