Поле хранилища нестандартных типов в сетке редактора отображается неправильно - PullRequest
Новая
       6

Поле хранилища нестандартных типов в сетке редактора отображается неправильно

2 голосов
/ 04 января 2012

У меня есть сетка редактора и магазин с пользовательским типом.

магазин: 

var sourceStore = new Ext.data.JsonStore({
    url: hp,
    storeId: 'labels-data-store',
    idProperty: 'ID',
    root: 'results',
    fields: [{
        name: 'ID',
        type: 'int'
    }, {
        name: 'LanguageID',
        type: 'int'
    }, {
        name: 'KeyID',
        type: 'int'
    }, {
        name: 'Value',
        type: 'string'
    }, {
        name: 'ToolTip',
        type: 'string'
    }, {
        name: 'LanguageName',
        type: 'string'
    }, {
        name: 'KeyInfo',
        type: 'LanguageKeyInfo'
    },
    CUSTOM TYPE HERE !! !{
        name: 'ServerComments',
        type: 'string'
    }]
});

Сетка редактора: 

var sourceGrid = new Ext.grid.EditorGridPanel({
    id: 'source-grid',
    region: 'center',
    title: localize.sourceView,
    iconCls: 'source-view-title',
    store: sourceStore,
    trackMouseOver: true,
    disableSelection: false,
    loadMask: true,
    split: true,
    stripeRows: true,
    border: true,
    autoExpandColumn: 'label',
    cm: sourceColModel,

    // customize view config
    viewConfig: {
        forceFit: true,
        enableRowBody: true,
        showPreview: false,
        emptyText: localize.noRecordsFound
    },

    sm: new Ext.grid.RowSelectionModel({
        singleSelect: false,
        moveEditorOnEnter: true
    })
});

Тип реализации Custome: 

LanguageKeyInfo = function () {
    this.ID = arguments[0];
    this.Value = arguments[1];
    this.Description = arguments[2];
}

Ext.data.Types.LANGUAGEKEYINFO = {
    convert: function (v, data) {

        if (!data) {
            return null;
        }

        if (!data.KeyInfo) {
            return null;
        }

        return new LanguageKeyInfo(
        data.KeyInfo.ID,
        data.KeyInfo.Value,
        data.KeyInfo.Description);
    },

    sortType: function (key) {
        return key.ID;
    },

    type: 'LanguageKeyInfo'
}

Модель исходного столбца: 

var sourceColModel = new Ext.grid.ColumnModel({
    columns: [{
        header: 'ID',
        dataIndex: 'ID',
        width: 50,
        hidden: true,
        sortable: true
    }, {
        header: 'Language ID',
        dataIndex: 'LanguageID',
        width: 50,
        hidden: true,
        sortable: true
    }, {
        header: 'Language',
        dataIndex: 'LanguageName',
        width: 20,
        hidden: true,
        sortable: true
    }, {
        header: 'Key ID',
        dataIndex: 'KeyID',
        width: 30,
        hidden: true,
        sortable: true
    }, {
        header: 'Key',
        dataIndex: 'KeyValue',
        width: 40,
        sortable: true,
        editor: new Ext.form.TextField({
            allowBlank: false,
            maxLength: 200
        })
    }, {
        header: 'Label',
        dataIndex: 'Value',
        sortable: true,
        editor: new Ext.form.TextField({
            allowBlank: false,
            maxLength: 500
        }),
        renderer: function (sc) {
            var lanID = getSelectedLanguageID() ? getSelectedLanguageID() : 1;
            switch (parseInt(lanID)) {
                case 2:
                    return '<div class="rtl">' + sc + '</div>';
                default:
                    return sc;
            }
        }
    }, {
        header: 'Description',
        dataIndex: 'KeyDescription',
        width: 30,
        editor: new Ext.form.TextField({
            allowBlank: true,
            vtype: 'englishOnly',
            maxLength: 100
        })
    }, {
        header: 'Tool Tip',
        dataIndex: 'ToolTip',
        width: 80,
        sortable: true,
        editor: new Ext.form.TextField({
            allowBlank: true,
            maxLength: 200
        })
    }]
});

Когда я начинаю редактировать первую строку столбца, значением текстового поля является [объект, объект], что означает, что сетка передает объект KeyInfo значению текстового поля.

Как я могу отправить одно из свойств KeyInfo в текстовое поле и сопоставить его с записью магазина ??

1 Ответ

0 голосов
/ 05 января 2012

Для начала ваш dataIndex не ссылается на действительное отображение записей: dataIndex: 'KeyValue', должно быть, вероятно, dataIndex: 'KeyInfo', Во-вторых, я не думаю, что в редакторах сетки есть какая-либо поддержка пользовательских типов.Конечно, я могу ошибаться.

...