从控制器返回json数据

Question

我在javascript中的Colmodel如下所示

jQuery("#testGrid").jqGrid(

//Some code

colModel: [
 { name: 'field1',index: 'field1', width: 113, align: 'Center', formatter: selectCheckboxFormatter, sortable: false },
{ name: 'field2', index: 'field2', width: 113, align: 'Center' },
{ name: 'field3', index: 'field3', width: 120, align: 'left' }
];

)

我的javascript for datasource如下所示。我在javascript中的某个时刻调用此函数来填充网格。

function PopulateDummyData() {
var mydata = [
{ field1: "Yes", field2: "1", field3: "54555464"},
{ field1: "No", field2: "2", field3: "54555464"},
];
}

但我希望从控制器代码中获取上述函数中的数据，以便控制器操作返回上述格式的JSON数据，我可以使用该数据填充我的网格。控制器代码将由网格的URL操作使用javascript中的以下代码片段调用。

网址: UrlAction('MyController'，'PopulateDummyData')。

但是我不确定控制器代码应该是怎样的？有什么想法或评论吗？？

Answer 1

来自some blog

public JsonResult GetStateList() {
  var list = new List<ListItem>() {
    new ListItem() { Value = "1", Text = "VA" },
    new ListItem() { Value = "2", Text = "MD" },
    new ListItem() { Value = "3", Text = "DC" }
  };
  return this.Json(list);
}

Answer 2

查看有关如何从AJAX源加载的jqGrid文档。这就是我从httphandler获取数据的方法

jQuery("#list").jqGrid({ url：'example.ashx'，//该url指向数据来源的数据类型：'xml'，//这是数据类型，可以是JSON etc等mtype：'GET'，colNames：'Name'，'Email'，'Archive'，colModel：{名称：‘名称’，索引：‘名称’，宽度: 200，可编辑: true }，{名称：'Email'，索引：'Email'，宽度: 250，可编辑:true}，{名称：‘存档’，索引：‘存档’，宽度: 80，对齐：‘居中’，可编辑: true，格式化程序：'checkbox'，edittype："checkbox"，value："True:False“}，pager: jQuery('#pager')，rowNum: 5，rowList: 5,10,15,20，sortname：'id'，sortorder："desc"，视图记录: true，imgpath：'/jqGrid-3.5.alfa/themes/lightness/images'，caption：‘我的第一个网格’}).navGrid("#pager"，{ edit: false，add: false，del: false，refresh:false，search:false })；})；

然后我的httphandler代码看起来像这样

公共字符串GenerateGrid(HttpContext context，List lstData) { context.Response.ContentType =“HttpContext/ xml；charset=utf-8”；String xml= "“+ page +”+ totalpages + "“+ "”+lstData+ ""；

    List<customObject> temp = lstData.Skip((page - 1) * limit).Take(limit).ToList();

    foreach (var tempOBJ in temp)
    {
        xml += "<row id='" + tempOBJ.id+ "'>";
        xml += "<cell>" + tempOBJ.name+ "</cell>";
        xml += "<cell>" + tempOBJ.lastname + "</cell>";
        xml += "<cell>" + tempOBJ.email + "</cell>";
        xml += "</row>";
    }
    xml += "</rows>";

    return xml;
}