extjs baseCombo 通过后台查询数据赋值到下拉列表

最新推荐文章于 2024-08-29 14:36:10 发布

原创最新推荐文章于 2024-08-29 14:36:10 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#extjs

EXTJS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个结合JavaScript与Java技术实现的报告编号选择器案例。JS部分负责前端展示逻辑，通过ExtJS框架定义了报告编号的下拉选择组件；Java部分则负责从后端获取报告编号数据，并将其转化为前端所需的格式。

js代码：

var fields =[{
	        fieldLabel: '报告编号',
	        name: 'report_id',
	        id:'report_id',
	        emptyText:'报告编号',
	        xtype:'baseCombo',
	        sUrl:"brwper/queryTDReport",
	        params:{'bid':this.params.bid},
	        fields:{key:{name:'report_id'},value:{name:'report_id'}},
	        width:310,
	        margin:'0 15px 5px 10px'
	    }];

java代码：

List<String> reportS = service.findReportId(b_id);
    	List<Map<String,Object>> reportList = new ArrayList<Map<String,Object>>();
    	for(String str:reportS){
    		Map<String,Object> reportMap = new HashMap<String, Object>();
    		reportMap.put("report_id", str);
    		reportList.add(reportMap);
    	}
    	map.put("items", reportList);
    	map.put("success", true);
    	return map;

要注意要求的数据结构：

是list里面放的map，通过key value赋值