gridpanel中单元格有下拉框, 改变下拉框的,结果却显示值,而不是名...

Question

好吧..先看图~

图一, 初始化的值, 是显示的汉字"是"
[img]http://dl.iteye.com/upload/attachment/184867/a7ab8d71-57e8-34b7-8d71-40c784333fca.jpg[/img]

图二, 正在编辑的状态, 我将其改为汉字"否"
[img]http://dl.iteye.com/upload/attachment/184879/4b806217-e7e7-3094-8d36-3f8925321bdc.jpg[/img]

图三, 编辑完的状态, [color=red]显示在界面上的是是汉字"否"的值"0"[/color]!
[img]http://dl.iteye.com/upload/attachment/184881/eb3fcf42-7e11-3db4-96e0-5ae5f508b8c3.jpg[/img]
左上角有个红色的小三角形符号说明是编辑过的状态.

天哪~~纠结啊~

放上代码,表格单元格中的下拉框如下:
[code="js"]
{header:'关系', dataIndex:'TYPENAME', width:20,
editor: new Ext.form.ComboBox({
store:new Ext.data.SimpleStore({
fields: ['TYPEID', 'TYPENAME']
,data: [['1', '是'], ['0', '否']]
//,data: [['是', '是'], ['否', '否']]
})
,valueField: 'TYPEID', displayField: 'TYPENAME',
editable: false,forceSelection: true,mode:'local',width:50, listWidth:50,
blankText:'选择', emptyText:'选择' ,triggerAction: 'all'
})
}
[/code]

另外,额外请教一个理论型问题. alert('' == 0); 为啥是这样的结果?

Answer 1

[code="java"]
{header:'关系', dataIndex:'TYPENAME', width:20,
renderer:function(v){return v=="1"?"是":"否";}, //增加此行
editor: new Ext.form.ComboBox({

store:new Ext.data.SimpleStore({

fields: ['TYPEID', 'TYPENAME']

,data: [['1', '是'], ['0', '否']]

//,data: [['是', '是'], ['否', '否']]

})

,valueField: 'TYPEID', displayField: 'TYPENAME',

editable: false,forceSelection: true,mode:'local',width:50, listWidth:50,

blankText:'选择', emptyText:'选择' ,triggerAction: 'all'

})

}

[/code]