关于extjs的下拉框二级联动

最新推荐文章于 2022-11-23 16:43:52 发布

fight_cat

最新推荐文章于 2022-11-23 16:43:52 发布

阅读量1.3k

点赞数 1

分类专栏： extjs界面

本文链接：https://blog.csdn.net/fight_cat/article/details/70157243

版权

这篇博客介绍了如何在ExtJS中实现下拉框的二级联动效果，特别是城市与街道的选择。文中详细讲解了两种方法，一种利用filterBy方法，另一种通过store的proxy直接查找。在数据量较大时，建议使用后者。博客还解释了proxy和filterBy的概念，并给出了具体的代码示例，包括联动的关键监听事件和下拉框的触发事件类型。

摘要由CSDN通过智能技术生成

最近新接触的extjs，需要写下拉框，实现城市与所在街道的联动。用了两种方法。一种是应用filterBy方法，另一种是应用store的proxy直接查找。数据量大的时候使用第二种方法。
先介绍两种概念，都是API文档中的定义，个人认为，阅读API文档是接触新语言时最有效的方法。
1.proxy：Proxies are used by Stores to handle the loading and saving of Model data. Usually developers will not need to create or interact with proxies directly.
2.filterBy( fn, [scope] ):Filters by a function. The specified function will be called for each Record in this Store. If the function returns true the Record is included, otherwise it is filtered out
说明一下，我在定义下拉框组件的时候用的是itemId，所以获取组件不能使用Ext.getCmp方法。

一、方法一
除了数据选择部分，其余内容不变
filterBy
二、方法二
两个下拉框的代码：{
xtype: ‘combobox’,
fieldLab