用jquery easyui写项目有一段时间了,有一些小心得和总结分享给大家

    开发中使用的是web service作为控制层,将面对的是大量的Json数据处理,对于{key:value}的处理大家肯定不陌生,这里不再赘述,我们来看一下只有{value}的形式。

    项目中我需要对下拉列表进行级联,因为后台给的数据只是{value},所以我只能把其转换成{key;value}再进行加载。后台返回的数据格式如下:

    [
       "管理学院",
       "护理学院",
       "检验学院",
       "临床医学院",
       "中医临床学院",
       "外国语学院",
       "人文学院",
       "信息工程学院",
       "药学院",
       "针灸骨伤学院",
       "职业技术学院",
       "海外教育学院",
       "史料卫生健康"
    ]

所以需要自己进行转换成combobox所需要的{key:value}形式,转换函数如下这是我写的公共函数

function strToJSON(str){
    return JSON.parse(str);
}

function commons(url,o,f,value){
	$.ajax({
		type : "get",
		dataType : "json",
		async:false,
		url : url,
		success : function(data){
			o = "";
			o += "[";
			for(var i=0;i<data.length;i++){
				o += "{\"id\":\""+i+"\",\"value\":\""+data[i]+"\"},";
			}
			o = o.substring(0,o.length-1);
			o += "]";
			o=strToJSON(o);
			f.combobox({
				valueField:'id',
				textField:'value',
				data:o
			});
		}
	  });
}
其中的一个引用如下
commons("api/grade",grades,$('#gradea'),grade);
所以就顺利的实现了数据转换,加载成功。

界面如下:

这只是我的一种方法,可能还有大神,欢迎指正微笑

 


   

GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支:1 个月前 )
960b763e 4 个月前
8c391e04 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐