extjs求教，使用rowEditing时combo的赋值问题

[fff-cai]

首先是grid的显示

进行编辑后


这是举办方列的js代码，绑定的是一个对象

问题就是怎么对编辑时的combo进行赋值，让它能正常显示文本。还有后面的时间控件也是这个问题，时间控件绑定的值都是Date(1438272000000)这样的文本

[fff-cai]

extjs都没人用吗？高手何在

[Go 旅城通票]

你的Partner那个键值最好改为普通类型，不要为对象，要不editor是直接使用那个键的值的，不会取子键值，就是你配置的renderer。 当然你不嫌麻烦，可以配置rowEditing的相关事件来自己更新记录

    var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
        clicksToMoveEditor: 2,
        autoCancel: false, listeners: { beforeedit: function (editor, e, eOpts) { 
            setTimeout(function () {
                var x =document.getElementById('xxxx');
                x.value = e.record.get('Partner').NAME;
            }, 100)
        }, edit: function (editor, e, eOpts) {
            var x = document.getElementById('xxxx'); 
            e.record.set('Partner', { NAME: x.value });
            e.record.commit();
        }
        }
    });

{ header: '举办方', dataIndex: 'Partner', editor: { allowBlank: false, inputId: 'xxxx' } } startdt的内容要改为时间对象，而不是字符串。如 "startdt":"Date(1438272000000)"，你要改成"startdt":new Date(1438272000000)，这样startdt才是时间，而不是字符串。要不直接显示你的startdt内容，因为不是时间对象，虽然你那列添加了renderer进行格式化

[fff-cai]

引用 2 楼 showbo 的回复:

你的Partner那个键值最好改为普通类型，不要为对象，要不editor是直接使用那个键的值的，不会取子键值，就是你配置的renderer。 当然你不嫌麻烦，可以配置rowEditing的相关事件来自己更新记录

    var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
        clicksToMoveEditor: 2,
        autoCancel: false, listeners: { beforeedit: function (editor, e, eOpts) { 
            setTimeout(function () {
                var x =document.getElementById('xxxx');
                x.value = e.record.get('Partner').NAME;
            }, 100)
        }, edit: function (editor, e, eOpts) {
            var x = document.getElementById('xxxx'); 
            e.record.set('Partner', { NAME: x.value });
            e.record.commit();
        }
        }
    });

{ header: '举办方', dataIndex: 'Partner', editor: { allowBlank: false, inputId: 'xxxx' } } startdt的内容要改为时间对象，而不是字符串。如 "startdt":"Date(1438272000000)"，你要改成"startdt":new Date(1438272000000)，这样startdt才是时间，而不是字符串。要不直接显示你的startdt内容，因为不是时间对象，虽然你那列添加了renderer进行格式化

多谢，我之前也试过在beforeedit直接设置编辑框的值，但是无效，现在加了延时后就行了，想来是beforeedit后还有事件对编辑框进行了赋值。

var rowEditing = new Ext.grid.plugin.RowEditing({
            clicksToEdit: 2,
            saveBtnText: '保存',
            cancelBtnText: "取消",
            autoCancel: false,
            listeners: {
                beforeedit: function (editor, e, eOpts) {
                    setTimeout(function () {
                        Ext.getCmp("editPartner").setValue(e.record.get('Partner').ID);
                        Ext.getCmp("editBEGINTIME").setValue(eval('new ' + (e.record.get('BEGINTIME').replace(/\//g, ''))));
                        Ext.getCmp("editENDTIME").setValue(eval('new ' + (e.record.get('ENDTIME').replace(/\//g, ''))));
                    }, 100);
                },
                edit: function (editor, e, eOpts) {
                    var name = "";
                    for (var i = 0; i < pjson.length; i++) {
                        if (Ext.getCmp("editPartner").getValue() == pjson[i]["ID"]) {
                            name = pjson[i]["NAME"];
                            break;
                        }
                    }
                    e.record.set('Partner', { ID: Ext.getCmp("editPartner").getValue(),NAME:name });
                    e.record.commit();                    
                }
            }
        });

[Go 旅城通票]

引用 3 楼 seed629869600 的回复:

[quote=引用 2 楼 showbo 的回复:] 你的Partner那个键值最好改为普通类型，不要为对象，要不editor是直接使用那个键的值的，不会取子键值，就是你配置的renderer。 当然你不嫌麻烦，可以配置rowEditing的相关事件来自己更新记录

    var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
        clicksToMoveEditor: 2,
        autoCancel: false, listeners: { beforeedit: function (editor, e, eOpts) { 
            setTimeout(function () {
                var x =document.getElementById('xxxx');
                x.value = e.record.get('Partner').NAME;
            }, 100)
        }, edit: function (editor, e, eOpts) {
            var x = document.getElementById('xxxx'); 
            e.record.set('Partner', { NAME: x.value });
            e.record.commit();
        }
        }
    });

{ header: '举办方', dataIndex: 'Partner', editor: { allowBlank: false, inputId: 'xxxx' } } startdt的内容要改为时间对象，而不是字符串。如 "startdt":"Date(1438272000000)"，你要改成"startdt":new Date(1438272000000)，这样startdt才是时间，而不是字符串。要不直接显示你的startdt内容，因为不是时间对象，虽然你那列添加了renderer进行格式化

多谢，我之前也试过在beforeedit直接设置编辑框的值，但是无效，现在加了延时后就行了，想来是beforeedit后还有事件对编辑框进行了赋值。

var rowEditing = new Ext.grid.plugin.RowEditing({
            clicksToEdit: 2,
            saveBtnText: '保存',
            cancelBtnText: "取消",
            autoCancel: false,
            listeners: {
                beforeedit: function (editor, e, eOpts) {
                    setTimeout(function () {
                        Ext.getCmp("editPartner").setValue(e.record.get('Partner').ID);
                        Ext.getCmp("editBEGINTIME").setValue(eval('new ' + (e.record.get('BEGINTIME').replace(/\//g, ''))));
                        Ext.getCmp("editENDTIME").setValue(eval('new ' + (e.record.get('ENDTIME').replace(/\//g, ''))));
                    }, 100);
                },
                edit: function (editor, e, eOpts) {
                    var name = "";
                    for (var i = 0; i < pjson.length; i++) {
                        if (Ext.getCmp("editPartner").getValue() == pjson[i]["ID"]) {
                            name = pjson[i]["NAME"];
                            break;
                        }
                    }
                    e.record.set('Partner', { ID: Ext.getCmp("editPartner").getValue(),NAME:name });
                    e.record.commit();                    
                }
            }
        });

[/quote] ext没有输入控件生成完毕后的事件，所以需要延时执行下才能获取到到render后的输入控件