GT-Grid 1.0 基础教程(四)

我前台json是


我json在后台打印的是这样的一个字符串。
{"data":
  [{"age":11,"english":33.0,"gender":"f","math":44.0,"name":"jone","no":1},   {"age":11,"english":33.0,"gender":"f","math":44.0,"name":"jone","no":1}]}

我前台的 结果和你上面的例子一样的

var dsConfig= {
//data : data1 ,
fields :[
{name : 'no'     ,  type: 'int'    },
{name : 'name'      },
{name : 'age'    ,  type: 'int'    },
{name : 'gender'    },
{name : 'english',  type: 'float'  },
{name : 'math'   ,  type: 'float'  }
]
};

var colsConfig = [
{ id : 'no'      , header : "学号" },
{ id : 'name'    , header : "姓名" },
{ id : 'age'     , header : "年龄" },
{ id : 'gender'  , header : "性别" },
{ id : 'english' , header : "英语" },
{ id : 'math'    , header : "数学" }
];

var gridConfig={
id : "grid1",
loadURL : '${ctx}/device/reader!getList.action',
remotePaging :false,
width: "700",  //"100%", // 700,
height: "330",  //"100%", // 330,
dataset : dsConfig ,
columns : colsConfig ,
container : 'grid1_container',
toolbarPosition : 'bottom',
toolbarContent : 'state'
};

var mygrid=new GT.Grid( gridConfig );

GT.Utils.onLoad( function(){
mygrid.render();
} );

问题搞定 谢谢了

返回错误：
LOAD Failed!
Exception :
XMLHttpRequest Status : 422

在.html中设置为
loadURL : 'http://localhost:3000/students/list'

从浏览器中访问http://localhost:3000/students/list ，返回值为：
{data : [ { no : 1 , name :'aaa', age : 12, gender : 'M' , english : 76.5 , math :92 }, { no : 2 , name :'bbb', age : 11, gender : 'F' , english : 89 , math :87 }, { no : 3 , name :'ccc', age : 13, gender : 'F' , english : 53 , math :62 } ]}
和教程中的一样。不知错误在哪里。注：我用rails2.2做的后台。

转换成json串的工作可以通过 各种第三方的json库来实现.
你可以到http://www.json.org 上去寻找更多的帮助.
===================================
我获得json没有用第三方，也没用你提供的那个类。
报错的时候就是把页面alert出来。
我的前台调用是：
loadURL : 'getJson.htm',
remotePaging : false,

后台：

@RequestMapping("/getJson.htm")
public String getJson(HttpServletRequest request, ModelMap model){
StringBuffer outData = new StringBuffer();  
    outData.append("{");  
    outData.append("data : [");  
    outData.append("    { no : 1 , name :'aaa', age : 12, gender : 'M' , english : 76.5 , math :92 },");  
    outData.append("    { no : 2 , name :'bbb', age : 11, gender : 'F' , english : 89   , math :87 },");  
    outData.append("    { no : 3 , name :'ccc', age : 13, gender : 'F' , english : 53   , math :62 } ");  
    outData.append("]");  
    outData.append("}");  
    model.addAttribute("json", outData.toString());
return "index";
}

总是得不到数据是怎么回事呢?
请问你这个loadURL后的数据是从request中去吗？

fields :[
{name : 'no'     ,  type: 'int'    },
{name : 'name'      },
{name : 'age'    ,  type: 'int'    },
{name : 'gender'    },
{name : 'english',  type: 'float'  },
{name : 'math'   ,  type: 'float'  }
],

还有请教一下能否把类型省略？？？？

请问：var colsConfig = [
{ id : 'no'      , header : "学号" , width : 50, isCheckColumn : true},
{ id : 'name'    , header : "姓名" , width : 100},
{ id : 'age'     , header : "年龄" , width : 50},
{ id : 'gender'  , header : "性别" , width : 50 ,
renderer : GT.Grid.mappingRenderer(  {'U': '未知' , 'M':'男', 'F':'女'} , '未知' )
},
{ id : 'english' , header : "英语" , width : 60 , align :'right' },
{ id : 'math'    , header : "数学" , width : 60 , align :'right' }
];

这个列头能否动态的写入？