Question

我正在向ExtJs网格动态添加额外的列，因此我将索引存储为类变量。但这似乎有效，如下所示。这是为什么？

for ( var i = 0; i < names.length; i++) {
var column = Ext.create('Ext.grid.column.Column', {
    text : names[i],
    header : names[i],
    width : 80,
    dIndx: i,
    renderer: function (val, p, record) {
        var value = record.data.values[this.dIndx];  // doesn't work
        var value = record.data.values[p.column.dIndx];  // this works
    return value ? value : "";
    }
    });
 // add column to grid etc.

Answer 1

我认为this是~~控制器~~ Ext.grid.Panel的范围（如果没有另外定义，请参阅编辑），这就是为什么它不能使用关键字。无论如何，第二个是更好的解决方案IMO

修改：

正如@kevhender评论的那样，可以为渲染器定义scope。但是当你使用其中一个参数时，这没有任何意义。无论如何，我错过了提及它。

编辑2 - 为什么默认范围Ext.grid.Panel ：

这是从处理渲染的函数中剪切出来的。该方法是私有的，因此未在API中列出。无论如何这里是source link。请注意，使用给定范围或所有者容器column.renderer.call(column.scope || me.ownerCt,//...的范围调用渲染器，视图的所有者是嵌套到其中的面板。

/** * @private * Emits the HTML representing a single grid cell into the passed output stream (which is an array of strings). * * @param {Ext.grid.column.Column} column The column definition for which to render a cell. * @param {Number} recordIndex The row index (zero based within the {@link #store}) for which to render the cell. * @param {Number} columnIndex The column index (zero based) for which to render the cell. * @param {String[]} out The output stream into which the HTML strings are appended. */ renderCell: function(column, record, recordIndex, columnIndex, out) { //... more code if (column.renderer && column.renderer.call) { value = column.renderer.call(column.scope || me.ownerCt, fieldValue, cellValues, record, recordIndex, columnIndex, me.dataSource, me); if (cellValues.css) { // This warning attribute is used by the compat layer // TODO: remove when compat layer becomes deprecated record.cssWarning = true; cellValues.tdCls += ' ' + cellValues.css; delete cellValues.css; } } // ... more code

无法在extjs中访问this.myvar

1 个答案: