ExtJS Combobox 如何设置默认和取值问题

最新推荐文章于 2021-02-13 19:20:15 发布

转载最新推荐文章于 2021-02-13 19:20:15 发布 · 2.6k 阅读

标签

#extjs #function #string #url

ExtJS 专栏收录该内容

34 篇文章

订阅专栏

本文介绍如何使用ExtJs设置ComboBox的数据源并实现预设选择项的功能。通过定义数据读取器、创建数据存储、设置ComboBox属性及加载数据等步骤，实现ComboBox初始化选中第一项的示例代码。

学习ExtJs，如何给combobox选中某一行，取值问题。 ///following is for stores combobox var readerLocation = new Ext.data.WCFJsonReader({ root: 'data', id: 'Store', totalProperty: 'totalCount', fields: [ { name: 'Store', type: 'int' }, { name: 'StoreName', type: 'string' } /*0:'All', '1':'ShangHai', '2':'BeiJing' */ ] }); var storeStore = new Ext.data.Store({ proxy: new Ext.data.WCFHttpProxy({ url: '/*.svc/GetStoresList' }), reader: readerLocation, remoteSort: true, listeners: { load: function() { comboLocation.setValue(comboLocation.getValue()); } } }); var comboLocation = new Ext.form.ComboBox({ store: storeStore, displayField: 'StoreName', valueField: 'Store', id: 'comboboxStore', typeAhead: true, mode: 'local', triggerAction: 'all', selectOnFocus: true, value: '', width: 180, applyTo: 'ddlStore' }); storeStore.load(); storeStore.on("load", onstoreStoreLoad, storeStore, true); function onstoreStoreLoad() { if (storeStore.getTotalCount() > 0) comboLocation.setValue(storeStore.getAt(0).data.Store); } /*** above is for location ***/ 点击按钮取值like： Ext.get("btnFilter").on("click", displayGrid); function displayGrid() { var storeFilter = comboLocation.getValue(); }); Hope it helps! Enjoy!