如何在属性网格中添加列?到目前为止,我已尝试过以下内容:
source : dataForGrid.source,
columns : [
{
text: 'text',
xtype : 'checkcolumn',
dataIndex : 'status',
width : 100,
editor : {
xtype : 'checkbox'
},
listeners : {
checkchange : function (checkColumn, rowIndex, checked, eOpts ) {
//some code here
}
},
renderer: function(val, m, rec, rowIndex) {
//some code here
}
},
{
text: 'TEST',
sortable: false,
dataIndex: 'value2',
field: {
xtype: 'textfield'
}
}
],
customEditors: dataForGrid.customEditors,
我的源代码非常标准,我有一个tempObj女巫持有以下属性(dataForGrid传递给网格的source属性):
tempObj.name = data[i].some;
tempObj.text = data[i].some === '' ? '' : '<a class="clientNameTextSomeGrid" onclick="console.log(123)">' + data[i].some + '</a>';
tempObj.editor = data[i].someother;
tempObj.datatype = 'nvarchar';
tempObj.editable = true;
tempObj.status = data[i].someother === 'A' ? true : false;
tempObj.renderer = "";
tempObj.value2 = "gcgrg";
dataForGrid.source.push(tempObj);
我有一个customEditors:
var newField = Ext.create('Ext.form.ComboBox', {
name: data[i].some,
store: tempStore,
clientID: tempObj.editor,
queryMode: 'local',
editable: false,
displayField: 'value',
valueField: 'id',
triggerAction: 'all'
});
dataForGrid.customEditors[data[i].some] = new Ext.grid.CellEditor({
field: newField
});
复选框(以及使用customEditors的组合框)工作正常。但是我无法为'TEST'列添加值(列出现但没有值)。任何帮助将不胜感激。如果您有任何问题或需要更多代码,请在下面写下评论,然后提供。
* UPDATE:如果我的第二列的dataIndex属性保存'status'值(来自tempObj),则使用特定值呈现该列,但如果我使用的是value2属性再次tempObj,列仍为空。
答案 0 :(得分:0)
我们完成的方式是扩展模型:
Ext.define('Ext.ux.grid.property.Property', {
extend: 'Ext.data.Model',
idProperty: 'name',
fields: [
{
name: 'name',
type: 'string'
},
{
name: 'text',
type: 'string'
},
{
name: 'value'
},
{
name: 'editor' // custom editor
},
{
name: 'group', // for grouping
type: 'string'
},
{
name: 'editable',
type: 'boolean',
defaultValue: true
},
{
name: 'status',
type: 'boolean'
},
{
name: 'renderer', // custom renderer
defaultValue: null
},
//////////////////////////////////////
// custom fields begin here
// Custom Properties grid
{
name: 'someName',
type: 'string'
}
]
});
然后消息来源:
tempObj.name = data[i].some;
tempObj.text = data[i].some === '' ? '' : '<a class="clientNameTextSomeGrid" onclick="console.log(123)">' + data[i].some + '</a>';
tempObj.editor = data[i].someother;
tempObj.datatype = 'nvarchar';
tempObj.editable = true;
tempObj.status = data[i].someother === 'A' ? true : false;
tempObj.renderer = "";
tempObj.someName = "Something in here";
dataForGrid.source.push(tempObj);