How to Create MultiCombo at client side?

Hi everyone, I want to create multiCombo with javascript code dynamically.

Code:

---

var setEditor = function (e) {
    var grdEditor;
    if(e.record.data.f1='dt1')
        grdEditor=new Ext.grid.GridEditor(new Ext.form.TextField());
    else if(e.record.data.f1='dt2')
        grdEditor=new Ext.grid.GridEditor(new Ext.form.MultiCombo()); // Ext.form.MultiCombo() undefined
    e.grid.getColumnModel().setEditor(e.column, grdEditor);
}

---

There is no problem with aspx code: <ext:MultiCombo>...</ext:MultiCombo>.
But "new Ext.form.MultiCombo()" has a error :missing object.
How could I create it with javascript code?

zhang

Hi,

You have to register MultiCombo resources (js file) on the server side

Code:

---

if(!X.IsAjaxRequest)
{
      ResourceManager.RegisterControlResources<MultiCombo>();
}

---

Quote:

---

Originally Posted by vladimir

Hi,

You have to register MultiCombo resources (js file) on the server side

Code:

---

if(!X.IsAjaxRequest)
{
      ResourceManager.RegisterControlResources<MultiCombo>();
}

---

---

Thanks, after registered at server side, How could I write javascript code to create multiCombo. I tried this "new Ext.form.MultiCombo();" which still not works:(

Hi,

Code:

---

new Ext.net.MultiCombo({
        id: "Multi1",
        renderTo: "Multi1_Container",
        width: 260,
        displayField: "text",
        mode: "local",
        triggerAction: "all",
        valueField: "value",
        store: new Ext.data.SimpleStore({
            fields: ["text", "value"],
            data: [
                ["Item 1", "1"],
                ["Item 2", "2"],
                ["Item 3", "3"],
                ["Item 4", "4"],
                ["Item 5", "5"]
            ]
        }),
        selectionPredefined: [{
            value: "2"
        },
        {
            index: 4
        }]
    });

---

Thanks vladimir. It work well:)