extjs中下拉框的内容实现有条件选择,对应的情况下可以选择一些对应的选项

extjs中下拉框的内容实现有条件选择,对应的情况下可以选择一些对应的选项,第1张

参考代码如下:

{ header: '单位名称', dataIndex: 'unitname',

field:

{ xtype: 'combo',

editable: false,

emptyText: "请选择",

valueField: "id",

displayField: "text",

mode: 'local',

store: storeddl

}

}

var storeddl = Extcreate('ExtdataStore', {

proxy: {

type: 'ajax',

url: "//Handler/SystemHandler/UnitHandlerashxLx=ddl"

},

root: 'items',

forceSelection: true,

// lazyRender: true,

fields: ['id', 'text'],

listeners:

{

select: selectRow,

focus: eventFocus

}

});

attackSubComboStoreload();

这个加载一次;

点击下拉框,默认再触发一次load

attackSubComboStoreload();

去掉就好了

使用回调函数对 年假字段赋值

var  holidayType= new ExtformComboBox({

    store: new ExtdataSimpleStore({ fields : ['value', 'text'],

         data:[['0','事假'],['1','病假'],['2','年假']] }),

    fieldLabel: '性别',

    displayField: 'text',

    valueField: 'value',

    triggerAction: 'all',

    allowBlank: false,

width:86,

    editable: false,

    mode: 'local',

    listeners:{

        select: function (){

            var comb=this;

             if (thisgetValue()=="年假"){

                ExtAjaxrequest({

    url: url,

    method: 'POST',async : false,scope: this,

    params: params,

    success: function(response, options) {

    //alert(responseresponseText);

    var rsInfo = ExtutilJSONdecode(responseresponseText);

var haveDays= combownerCtgetComponent('havDays')

 //注意这里的引用方式

if(rsInfosuccess){

    haveDayssetValue(rsInfodata);

}else{

}

    }),

             }

        },

     },

    }

});

var havDays= new ExtformNumberField ({name:'havDays', itemId:'havDays',

        fieldLabel: '年假剩余天数',

        value:0, });

你的combo的配置就有些不对

displayField这里的参数是对应的下拉框实际值

valueField这里的参数是对应的下拉框显示值

他们应该对应的是json的键值

也就是说displayField再怎么也应该填'name'而不是'datatypename'吧

至于如何获取这些值combo有对应方法

1234// 获取combox <a href=">

以上就是关于extjs中下拉框的内容实现有条件选择,对应的情况下可以选择一些对应的选项全部的内容,包括:extjs中下拉框的内容实现有条件选择,对应的情况下可以选择一些对应的选项、extjs combobox展开后会去后台执行2次获取数据、Extjs项目中接收json数据点击某个下拉框实现回显数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10065215.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存