extjs combo 如何向已有数据中插入一条新的数据？

不需要使用load来实现，使用store来 *** 作记录集

//定义一个数据模型

Ext.define('data', {

extend: 'Ext.data.Model',

fields: ['val']

})

//定义一个记录集

var cData = Ext.create('Ext.data.ArrayStore',{

model: 'data',

data: [['数据1'],['数据2'],['数据3'],['数据4']]

})

//向已有的记录集插入新的数据，但是注意，这里只是在js数组里面添加了数据，要保存到数据库，还需在该函数后面添加ajax

function insert(){

var r = Ext.create('data', {val: '添加新的数据'})//这里的数据如果是用户输入的话，只需要换成那个文本框的值就行了，val: Ext.getCmp('xxxid号').getValue()

cData.insert(0, r)

//ajax *** 作

alert('successfully done!')

}

//创建combo框

Ext.onReady(function(){

var combo = Ext.create('Ext.form.field.ComboBox', {

store: cData,

fieldLabel: '下拉框',

displayField: 'val',

width: 498,

labelWidth: 60,

triggerAction: 'all',

renderTo: Ext.getBody()

})

})

在一个gridpanel中添加listeners属性，监听rowclick事件，在这里选择第二个gridpanel对应行

var grid=new Ext.grid.GridPanel({

  el:'tree',

  cm:cm,

  tbar:['->',btnCoalition2, '', ''],

  store : ds,

  listeners:{

    rowclick:function(grid,rowIndex,e){

grid2.getView().refresh()

grid2.getSelectionModel().selectRow(rowIndex)//选中

//grid2.getView().getRow(rowIndex).style.backgroundColor = '#87CEFA'设置颜色

    }

  }

})

---