0

コンボボックスとフィールドでグリッドを編集したい。選択した行を編集しているときに、コンボボックスの選択イベントで、データベースからグリッドのフィールドに値を設定したいと考えています。行が編集モードのときにフィールド コントロールに値を設定する方法がわかりません。「EditorGridPanelを使用して、直接データベースではなくコントロールに編集を割り当てることになっている」と提案した人もいましたが、方法がわかりません。

ここに私のコードがあります

var triprate_idEditor = {
xtype         : 'combobox'
, typeAhead     : true 
, triggerAction : 'all'
, displayField  : 'name'
, valueField    : 'id'
, store         : 'TriprateAllStore'
, queryMode     : 'local'
, emptyText     : 'Select a name...'
, listeners: 
  {
   select: function(combo, rec) {
        console.log(' here');
//        var triprateall = Ext.data.StoreManager.lookup('TriprateAllStore');
//        triprateall.filter(id:combo.value);

        var g = Ext.getCmp('Tripgrid-Id');
        //return default value 0
        console.log(g.getSelectionModel().selected.items[0].data.triprate); 

    //get triprate from database, excluded here 
    //set triprate to 400 but not in editor
    g.getSelectionModel().selected.items[0].data.triprate = 400;

    //return value 400
        console.log(g.getSelectionModel().selected.items[0].data.triprate); 
    }
}

var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
    clicksToEdit: 2,
    id: 'TripEditingGrid',
    errorSummary: false
});

Ext.define('Fleet.view.grids.TripGrid',
{
    extend      : 'Ext.grid.Panel',
    alias       : 'widget.Tripgrid',  //xtype
    id          : 'Tripgrid-Id',  //Unique Id
    store       : 'TripStore',
    selType     : 'rowmodel',
    plugins: [rowEditing],
    columns :
            [
          {
              header    : 'id'
            , dataIndex : 'id'
            , width     : 80
            , field     : { xtype     : 'numberfield' } 
          },
          {
              header    : 'triprate id'
            , dataIndex : 'triprate_id'
            , width     : 100
            , filter    : true
            , editor    : triprate_idEditor
            , renderer  : function(value, metaData, record, rowIndex, colIndex, store, view){
                    return record.data.triprate_name7; //desc column for display in gird
                  }
          },
          {
              header    : 'triprate'
            , dataIndex : 'triprate'
            , width     : 80
            , field     : { xtype     : 'numberfield' } 
          },
          {
              header    : 'status'
            , dataIndex : 'status'
            , width     : 70
            , renderer  : formatBoolean
            , editor    : checkboxEditor 
          }
            ]
});
4

1 に答える 1

0

まず、editorグリッド列を定義するときにプロパティを使用し、そこにコード定義コンボボックスエディターを配置する必要があります。

于 2012-05-01T11:13:51.430 に答える