ExtJs(4.2.0)带有xtype:按钮列的可编辑网格
ExtJs(4.2.0) Editable Grid with xtype : button column
下面是一段可执行代码,在网格编辑器中有一个按钮。我需要按钮出现在编辑器中,但我不需要从按钮更新的任何值。编辑器的更新功能似乎不再工作了。你知道我错过了什么吗?
Ext.create('Ext.data.Store', {
storeId:'EmployeeData',
fields:['name', 'email', 'phone'],
data: [
{"name":"aaa", "email":"aaa@emp.com", "phone":"987654321"},
{"name":"bbb", "email":"bbb@emp.com", "phone":"987654321"},
{"name":"ccc", "email":"ccc@emp.com", "phone":"987654321"},
{"name":"ddd", "email":"ddd@emp.com", "phone":"987654321"}
]});
var grid = Ext.create('Ext.grid.Panel', {
title: 'Employee',
store: Ext.data.StoreManager.lookup('EmployeeData'),
columns: [
{header: 'Name', dataIndex: 'name', editor: 'textfield'},
{header: 'Email', dataIndex: 'email', flex:1,
editor: {
xtype: 'textfield',
allowBlank: false
}
},
{header: 'Phone', dataIndex: 'phone'},
{header: 'button', dataIndex:'',editor:{xtype:'button',editable: false}}
],
selType: 'rowmodel',
plugins: [
Ext.create('Ext.grid.plugin.RowEditing', {
clicksToEdit: 1,
pluginId: 'rowEditing'
})
],
height: 200,
width: 400,
renderTo: Ext.getBody()
});
编辑器在每个x-field
上使用getValue()
函数,按钮控件没有getValue()
函数,因此它抛出异常并未能更新记录。
也许你可以使用ActionColumn
,如果它可以满足你的目的。
有点晚了,但我刚刚遇到了同样的问题。
您可以添加getValue
方法来允许更新操作正确运行。
editor: {
xtype: 'button',
getValue: function() {
return true;
}
}
相关文章:
- 使用按钮的Angular UI网格过滤器
- 在编辑内联模式下禁用Kendo Ui网格按钮
- Angular UI网格:如何通过第一个UI网格中的按钮使第二个UI网格可见
- Kendo UI网格自定义编辑按钮
- 如何在网格视图中每次单击按钮或链接时打开不同的新弹出窗口
- 如何使用jquery在网格视图中获取所选单选按钮的值
- 通过 JavaScript 从主网格视图上的功能区按钮更新 CRM 2011 中的字段
- Javascript使用自定义按钮手动打开Kendo UI网格编辑器
- 如何选中/取消选中外部按钮的网格视图复选框
- Struts2jquery可编辑网格,要禁用内联添加按钮
- 在Angular中绑定剑道网格按钮's ng click
- 如何隐藏剑道网格命令的编辑按钮或删除按钮
- 如何在剑道网格的同一列中添加锚点和按钮
- 为什么第一次点击网格视图中的单选按钮毫无作用
- EXTJS 4.2:点击按钮,在新窗口中将选定的网格行从一个网格复制到另一个网格
- 我可以更改当点击剑道网格下一页按钮时触发的事件吗
- 按钮单击在Celltemplate角度网格中不起作用
- 使用外部按钮清除ng网格中的分组
- Wordpress WooCommerce网格/列表切换:如何触发按钮点击
- 在Titanium中创建一个充满动态按钮网格的可滚动视图