点击按钮时如何隐藏和显示列

时间:2019-01-14 09:45:28

标签: extjs5

我应该只使用ExtJS,并且当我单击按钮列时必须能够再次单击时显示,然后将其隐藏。我不应该接触CSS,HTML,JavaScript,而应该接触ExtJS。 我在与主模型不同的文件中创建了新模型和列,我想将新模型称为主模型,但是我不确定如何调用它。我是ExtJS的新手,所以我只是尝试继承新的模型和列,但无法管理它。

var modifiedValueRenderer = function (value, metaData, record, rowIndex, colIndex) {
    var column = this.getHeaderContainer().getHeaderAtIndex(colIndex);

        if (typeof record.modified !== "undefined" && record.modified !== null && typeof record.modified[column.dataIndex] !== "undefined") {
            metaData.tdAttr = 'data-qtip="' + record.modified[column.dataIndex] + '"';
        }
    return value;

};
Ext.define('CO2ckpit.prognoseTable.PrognoseTableColumn', {
    singleton: true,
    columns: [
        {
            text: 'Länderregion',
            dataIndex: 'laenderregion',
            minWidth: 100,
            editor: 'textfield',
            renderer: modifiedValueRenderer,
            editable: false,
            filter: {
                type: 'stringFilter', fieldLable: 'laenderregion'
                // type: 'date'
            }
        },
        {
            text: 'Derivat',
            dataIndex: 'derivat',
            minWidth: 100,
            editor: 'textfield',
            renderer: modifiedValueRenderer,
            filter: {
                type: 'stringFilter', fieldLable: 'derivat'
                // type: 'date'
            }
        },
        {
            text: 'Topologie',
            dataIndex: 'topologie',
            minWidth: 100,
            editor: 'textfield',
            renderer: modifiedValueRenderer,
            filter: {
                type: 'stringFilter', fieldLable: 'topologie'
                // type: 'date'
            }
        }

    ]
});

我想在此处添加来自其他文件的新列,并且我希望这些列在单击按钮时显示和隐藏。

0 个答案:

没有答案