extjs4发起ajax请求并解析

最新推荐文章于 2025-12-13 22:02:08 发布

原创最新推荐文章于 2025-12-13 22:02:08 发布 · 307 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #ajax #function #url

JAVASCRIPT 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用ExtJS框架动态地从服务器获取数据，并根据这些数据创建和添加Checkbox到指定的fieldset中。通过Ajax请求，我们可以实现动态加载规则名称和状态的功能。

Ext.Ajax.request({
        		    url: 'filterAndRuleController_filterAndRuleForm',
        		    params: {
        		        filterId: selection.data["ID"]
        		    },
        		    success: function(response){
        		    	var resultJson = eval('(' + response.responseText + ')');
        		    	var size = resultJson.totalCount;
        		    	
        		    	// 获得 fieldset
		                var fieldset = Ext.getCmp(id + 'settingFieldset');

		                for(var i = 0; i < size; i++){
		                    var ruleId = resultJson.data[i].ID;
		                    var ruleName = resultJson.data[i].NAME;
		                    var ruleChecked = resultJson.data[i].CHECKED;
		                    
		                    var checkboxModule = Ext.create('Ext.form.Checkbox', {    
		                        name: "ruleIds",
		                        boxLabel: ruleName,  
		                        inputValue: ruleId,
		                        checked: ruleChecked
		                    }); 
		                    
		                    fieldset.add(checkboxModule); 
		                }
        		    }
        		});