extjs 对性别的处理方法

最新推荐文章于 2021-06-30 13:08:30 发布

原创最新推荐文章于 2021-06-30 13:08:30 发布 · 531 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #function #header

extJs 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了在Web开发中实现性别选择器的三种不同方法：第一种使用JavaScript的setValue函数；第二种采用ExtJS库的combo组件；第三种通过自定义函数实现简单渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种

{

fieldLabel : '性别 ',
name : 'XB',
setValue : function(value){
if(value==1){
this.setRawValue('男');
}
if(value==2){
this.setRawValue("女");
}
}

}

第二种

{
xtype : 'combo',
mode : 'local',
fieldLabel : '性别',
displayField : 'name',
valueField : 'value',
editable : false,
hiddenName : 'xbm',
forceSelection : true,
triggerAction : 'all',
store : new Ext.data.JsonStore({
fields : ['name', 'value'],
data : [{
name : '男',
   value : '1'
    }, {
name : '女',
    value : '2'
     }]
    })
}

第三种

{
dataIndex : "xbm",
header : "性别",
align : 'center',
width : 40,
sortable : true,
renderer : function(value) {
if (value == 1) {
return '男';
}
if (value == 2) {
      return '女';
    }
   }
}