extjs combo 级联 loading提示

最新推荐文章于 2021-07-09 14:40:26 发布

l90z11

最新推荐文章于 2021-07-09 14:40:26 发布

阅读量1.1k

点赞数

分类专栏： Js Extjs

本文链接：https://blog.csdn.net/l90z11/article/details/20612233

版权

这篇博客主要探讨了ExtJS中Combobox在级联加载数据时如何显示loading提示的问题。通常，Combobox仅在初次加载数据时显示mask，但在省、市、县等级联场景中，可能需要多次加载。文中通过一个非地区级联的业务示例（表A/B/C/D之间的关系）来说明如何实现这一功能，强调在B的Combobox上添加特定代码以实现级联筛选，并提倡查阅文档和利用搜索引擎解决问题。

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

据我的了解，extjs里面的combobox只有在第一次加载数据的时候才呈现loading mask，但有一种情况combobox不止一次进行数据加载，这就是级联。说道级联，很多人都会第一时间想到省、市、县三者之间的级联，哈、其实我第一次接触级联也是地区上的级联。

跑题了，直入正题吧。这里我的例子不胜地区级联，而是其他业务。业务需求如下，有表A/B/C/D，D是C的集合，A是B的筛选条件，而B则是C的筛选条件，因此在D表记录的新增功能内就可以运用到级联。直接贴关键代码

1）由于A是B的筛选条件，则可以在B的combobox上面加上以下两句代码。

triggerAction: 'all',
queryMode: 'local',

这样则不会出现点击下拉框，combobox自动加载数据了。什么时候加载数据呢？当然是选择A中的其中一条数据的时候啦，所以我们可以在A中的combobox的select事件上面调用B中的combobox的store.load()方法。

listeners: {
    select: function(combo, record, index){
        try {
            var bCombo = combo.up('form').items.items[3];
            bCombo.setDisabled(false);
            var params = {};
            params.fromwhere = 'dAdd';