谢谢啦！
-
等级
本版专家分：0结帖率 100% -
如何向EXTJS的Ext.grid.Panel()的列添加按钮，并添加点击事件，可以取出所点击行的所有列的值？
谢谢啦！展开阅读全文
-
等级
本版专家分：1691勋章
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
我以前写过 添加图片，然后添加图片的点击事件，如何获取所有的列需要你在创建页面的时候给图片一个值。 代码具体怎么写忘的差不多了，等下班回去找找给你说下。
-
等级
本版专家分：1691勋章
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
给你个例子看吧
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()
});
-
等级
本版专家分：1863勋章
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
-
同意楼上的方法，楼上是通用的方法；如何想添加按钮的话是否用renderer方法，返回一个按钮不知道是否可行，没试过；
- Ext中向Ext.grid.GridPanel() 显示按钮，并绑定id(行标识)
备注：行标识id，在加载显示的时候就已和按钮绑定到一起，并相应的执行按钮操作；(附图) 2、返回图片按钮链接 备注：行标识id，在图片按钮显示过后，当执行按钮事件时，在函数中通过循环选择模型来获取，并相应的...
- Ext.grid.GridPanel
一、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 ...
- Ext.Window+Ext.grid.GridPanel
注：代码提自工程，没做过多的修改，不一定能运行起来，只是贴出来共大家参考.../**//*公共组建：社保经济类型选择窗口2008.03.19 chenyanji条件：需支持Ext.Window/Ext.TabPanel/Ext.data.JsonReader/Ext.grid.Column
- Ext.grid.GridPanel小结
[code="...var grid = new Ext.grid.GridPanel({ store //数据源 cm //Ext.grid.columnModel columns //功能和Ext.grid.columnModel一样。与cm有一个就行 autoWidth:true width title ...
- Ext 中Ext.grid.GridPanel样式设置
一：修改头样式 1：直接修改样式 监听gridpanel的'afterrender' 事件 listeners : { 'afterrender' : function(){ var elments = Ext.select(".x-grid3-header");//.x-grid3-hd
- 设置Ext.grid.gridPanel样式
一：修改头样式 1：直接修改样式 ... 监听gridpanel的'afterrender' 事件 listeners : { 'afterrender' : function(){ var elments = Ext.select(".x-grid3-header");//.x-grid3-hd ...
- Extjs-表格 Ext.grid.GridPanel
项目中的grid 自动显示行号 rn = new Ext.grid.RowNumberer(); 复选框 var sm = new Ext.grid.CheckboxSelectionModel({ //如果只允许用户通过复选框执行选中操作放开下面配置项 //handleMouseDown : Ext....
- Ext.grid.GridPanel_样式
以下是一个简单的grilPanel,并且做了一些样式,做的不好,请包涵! 有什么意见可留言相告!谢谢! .blist { background-image: url(img/add16.gif)!important; ......
- EXT 3.x 使用详解之Ext.grid.GridPanel(一)
很强大的grid总算登场啦，先来热热身，看下最简单的应用，详细就看注释吧，写的很全面 //页面加载完前执行 Ext.onReady(function() { //根据元素id获得页面元素 var page = Ext....
- new Ext.grid.GridPanel render
function renderDescn(value, cellmeta, record, rowIndex, columnIndex, store) { var str = "<input type='button' value='详细信息' onclick='alert(\"" + ...这个单元格的值是："...
- Ext.grid.GridPanel隐藏表头，只显示表内容
在自已页面中定义一个CSS .x-grid3-header{ display:none; }
- Ext.grid.GridPanel属性及方法等
1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：...
- Ext.grid.GridPanel 显示数据
[color=red][size=large]编写js文件[/size][/color] 1. 数据,要显示到页面上的数据 [code="java"] var myData = [ [ 1, ... text: 'Ext', url: 'http://extjs.com'...
- ExtJs的Ext.grid.GridPanel不能选择复制表格中的内容解决方案
今天遇到grid复制的问题，在网上找到了一个解决办法，只需改下CSS和JS，给大家分享一下： ...Ext.grid.GridPanel有一个重大缺陷，就是单元格的内容不能选中，没法选中就没法复制，给用户带来很多不便。
- Ext.grid.GridPanel根据某列改变行的颜色
.x-grid-record-red table{ background: #E6D1E3; } .x-grid-record-yellow table{ background: #F3FEC2; } .x-grid-record-green table{ background: #92FCCC; } var qGridPanel = new Ext
- Ext.grid.GridPanel的属性
1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：表格...
- Ext.grid.GridPanel 加2个tbar
var grid = new Ext.grid.GridPanel({ region:'center', store: ds, cm: cm, sm: sm, tbar: [{ text: '1', iconCls: 'icon_art_edit', handler: function(btn){ } },'-',{ text:...
- Ext.TabPanel选项卡初始化后添加Ext.grid.gridPanel组件
想写一个布局的页面，其中用到了tabpanel，想在选项卡中添加一个gridpanel表格，但不想在tabpanel初始化的时候写在items里面。 因为初学，并不知该如何实现，上网找了找也没找到相关的例子。没办法，只好去查api...
- extjs中如何创建一个带分页功能的Ext.grid.GridPanel
// 首先创建一个Ext.data.JsonReader用于解析数据 // 假设数据为：{"message":"0","totalCount":"2","books":[{"id":"001","name&...
- Ext.grid.GridPanel |属性|方法|配置|详细介绍
1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 ...
- Ext.grid.GridPanel 属性配置
1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 ...
- 编辑Grid时用Ext.grid.plugin.RowEditing 插件
最近使用EXT4.0,之前用过2.0的，感觉4.0变化太大了，有些属性都找不到了。... 我开始监听"afteredit"的时候，监听的是grid,结果怎么也监听不到afteredit事件，网上editgrid很多用的都是 grid.editorgrid
- Ext.grid.GridPanel按比例自动分配列宽
var cb = new Ext.grid.CheckboxSelectionModel( { width:20,//宽度 singleSelect:true//是否是单选，true为单选。默认false。 }); var colM = new Ext.grid.ColumnModel([ ...
- Ext.GridPanel 用法总结（一）—— Grid基本用法
一：首先定义grid的数据源 //初始化Ext状态管理器，在Cookie中记录用户的操作状态，如果不启用，象刷新时就不会保存当前的状态，而是重新加载 Ext.state.Manager.setProvider(new Ext.state.CookieProvid
- 使用Ext.grid.column.Column定义列
正如从前面的示例中看到的，创建Ext.grid.Panel时，必须指定columns选项，该选项要么是Ext.grid.column.Column数组，要么是JavaScript对象，该对象中必须包含一个items属性，该属性值依然是Ext.grid.column.Column...
- EXT 3.x 使用详解之Ext.grid.GridPanel(三)
本篇主要介绍了grid的ajax功能以及分页标签功能，具体看代码吧，注释很全面，感慨一下组件还是比较实用和漂亮的！ 为介绍方便简洁，这里没有使用数据库，而直接创建了一些对象，参考者可以自己改成数据库即可。 ...
- Ext.grid.GridPanel 鼠标滑过行时，字体的改变
需要在额外的书写一个css类，就可以覆盖原有的ext-all.css里面的类，实现鼠标滑过GridPanel行时，改变字体 /* style rows on mouseover */ .x-grid3-row-over .x-grid3-cell-inner { font-weight: bold; ...
- Qt 入门中文资料 Qt从入门到精通
c++ Qt中文入门教程，从Qt入门到Qt的深入研究。
- MATLAB 2018a正式版【全平台官方包+图文教程+独创破解程序】
MATLAB R2018a 于16日正式发布，其中包含一系列 MATLAB/Simulink 的新功能和新产品，还包括 94 个其他产品的更新和修补程序。 解压密码：CSDN 其他说明见：https://www.52pojie.cn/thread-713048-1-1.html