其实easyuidatagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数据;另一种是加载js对象,也就是使用loadDate方法,这种方法用于加载本地js数据(非url调用)。在项目中我用到的以及研究别人代码中用到的普遍是第一种,下面就分别对他们进行总结。
一、ajax加载目标url返回的json数据
首先明确,通过ajax加载目标url返回的值不一定是json格式,在http://blog.csdn.net/luckystar689/article/details/51107388 这篇文章中,楼主向我们介绍了MVC中传值返回到View的集中数据格式,对于这篇博客的思考,对于下拉框、表格、text框我们该传递何种类型的数据进行总结。而对于datagrid我们选择用json进行返回值传递。
形式一:
- <span style="font-family:Microsoft YaHei;font-size:14px;">function SelectSubsidiary() {
- //获取类别
- var CadresType = $('#DictionaryName12').combobox('getText');
- //获取所属单位
- var SubsidiaryName = $('#UnitName1234').combobox('getText');
- $('#dg').datagrid({
- url: '/CadresBasicInfo/SelectSubsidiaryName?CadresType=' + CadresType + '&SubsidiaryName =' + SubsidiaryName
- });
- //刷新表格
- $("#dg").datagrid("reload");
- }
- </span>
该形式直接通过JQuery EasyUI的datagrid方法进行传值,在url中需要注意当传递多个参数的时候,引号之内不能有空格,就像这样:
- <span style="font-family:Microsoft YaHei;font-size:14px;"> url: '/CadresBasicInfo/SelectSubsidiaryName?CadresType=' + CadresType + '&SubsidiaryName =' + SubsidiaryName
- </span>
- <span style="font-family:Microsoft YaHei;font-size:14px;"> string SubsidiaryName = Request["SubsidiaryName"];</span>
形式二:
- <span style="font-family:Microsoft YaHei;font-size:14px;"> $.post("/CadresBasicInfo/EditCadresBasicInfo",
- {
- "sex": sex, "dictionaryname": dictionaryname, "education": education, "principle": principle, "id": id, "name": name, "position": position, "workexperience": workexperience, "birthday": birthday, "worktime": worktime, "partytime": partytime, "tel": tel
- },
- function (result) {
- if (result) {
- $.messager.alert('提示消息', '县市区基本信息编辑成功!', 'info')
- $("#editCadresBasicWindow").window("close");
- $("#dg").datagrid("reload");
- } else {
- $.messager.alert('提示消息', '县市区基本信息编辑失败!', 'warning')
- }
- })
- </span>
对于Controller的返回值的处理,除了通过判断result的真假方法之外,通过写success ,complete , failed也可以来进行判断。
二、loadDate方法
该方法作为datagrid表格加载的扩展,在考试系统代码中有用到:
- <span style="font-family:Microsoft YaHei;font-size:14px;">function doSearch(value) {
- var flag=(value != "");
- if (flag) {
- var grid = $('#dg');
- var options = grid.datagrid('getPager').data("pagination").options;
- var curr = options.pageNumber;
- var pageSize = options.pageSize;
- $.ajax({
- type: "POST", //提交数据的类型 分为POST和GET
- async: false,
- url: "/QuestionType/FuzzyQueryQuestionType", //提交url 注意url必须小写
- data: { "SearchContent": value, "pageSize": pageSize, "pageIndex": curr },
- success: function (data) {
- var jsondata = eval(data);
- //var jsData = (new Function("", "return " + data))();
- $('#dg').datagrid('loadData', data);
- }
- });
- return;
- }</span>
- <span style="font-family:Microsoft YaHei;font-size:14px;">var data = '{"total":1,"rows":[{"id":"001","name":"Vincent","role":"吉他手"}]}';
- data = JSON.parse(data);//转换成json对象
- $('#dg').datagrid('loadData', data); </span>