在模型中的字段可以是一個組合框 - ExtJS的4

Question

我在ExtJS的

定義城市的這種模式

Ext.define('Packt.model.staticData.City', { 
    extend : 'Packt.model.sakila.Sakila', 

    idProperty : 'city_id', 

    fields : [{ 
     name : 'city_id' 
    }, { 
     name : 'city' 
    }/*, { //doesn't work 
     //name : 'country_id', 
     xtype: 'combobox', 
     store: Ext.getStore('countries'), 
     fieldLabel: 'Choose Country', 
     //queryMode: 'local', 
     displayField: 'country', 
     valueField: 'country_id', 
    }*/], 

    associations : [{ 
     type : 'belongsTo', 
     model : 'Country', 
     primaryKey : 'city_id', 
     foreignKey : 'country_id' 
    }] 
}); 

是否有可能在一個模型來創建一個組合框，像在上述評論的代碼？

我想在我的網格中創建行，並且希望國家/地區列出組合框中列出的國家/地區。 StaticData列表的每個菜單項都使用不同的數據/存儲/模型加載相同的Ext.ux.LiveSearchGridPanel。

當我點擊添加按鈕，這是發生了什麼：

onButtonClickAdd : function(button, e, options) { 
     var grid = button.up('staticdatagrid'), 
      store = grid.getStore(), 
      modelName = store.getProxy().getModel().modelName, 
      cellEditing = grid.getPlugin('cellplugin'); 

     store.insert(0, Ext.create(modelName, { 
      last_update : new Date() 
     })); 
     /* 
     cellEditing.startEditByPostion({ 
      row : 0, 
      column : 1 
     }); 
     */ 
    }, 

Answer 1

沒辦法！您可以使用編輯器plugin.Something像這樣在您的網格行添加組合框：

 cellEditing = new Ext.grid.plugin.CellEditing({ 
       clicksToEdit: 1 
     }); 

     Ext.create('Ext.grid.Panel', { 
      title: 'Simpsons', 
      store: Ext.data.StoreManager.lookup('simpsonsStore'), 
      plugins: [cellEditing], 
      columns: [{ 
       text: 'Name', 
       dataIndex: 'name' 
      }, { 
       text: 'Countries', 
       dataIndex: 'country', 
       editor: new Ext.form.field.ComboBox({ 
        typeAhead: true, 
        selectOnTab: true, 
        store: countryStore, 
       }) 
      }) 
      }], 
      height: 200, 
      width: 400, 
      renderTo: Ext.getBody() 
     })]