日期:2014-05-18  浏览次数:21020 次

asp.net 应用extjs的grid的问题
下面的代码是我在网上找的 他就是根据cs页面的json数据 来填充grid 可grid的数据就是出不来 大侠们帮帮忙吧 没用过这玩意 多多指教啊  

page1.aspx代码如下
Ext.onReady(function() {
var proxy = new Ext.data.HttpProxy({ url: 'page2.aspx'});//获取json数据
  var reader = new Ext.data.JsonReader(
  {
  totalProperty: "results",
  root: "datastr",
  id: 'productID'
  },
  [
  { name: 'productID' },
  { name: 'productName' },
  { name: 'productCode'}
  ]
  );

   
  var store = new Ext.data.Store(
  {
  proxy: proxy,
  reader: reader
  });

  store.load(); //加载数据 

//创建grid
  var grid = new Ext.grid.GridPanel({
  renderTo: 'grid',
  width: 650,
  store: store,
  loadMask: true,
  viewConfig: {
  forceFit: true
  },
  autoHeight: true,
  columns: [
  { header: "id", sortable: true, dataIndex: 'productID' },
  { header: 'name', dataIndex: 'productName', width: 80 },
  { header: "code", sortable: true, dataIndex: 'productCode' }
  ],
  frame: true, //表格外加边框 
  collapsible: true,
  animCollapse: false
  });

  grid.render("grid");
});


调用的page2.cs页面代码如下:

 protected void Page_Load(object sender, EventArgs e)
  {
  if (!Page.IsPostBack)
  {
  string str = "{ \"results\":19,\"datastr\":[ { \"productID\":\"1\",\"productCode\":\"083-QMC16009-19/B\",\"productName\":\"C1系列600柜\"}, { \"productID\":\"2\",\"productCode\":\"083-QMC1-600B1-R/L\",\"productName\":\"600侧山左右各1\"}, { \"productID\":\"3\",\"productCode\":\"083-QMC1-600B1-L\",\"productName\":\"左侧山\"}, { \"productID\":\"4\",\"productCode\":\"083-QMC1-600B1-L\",\"productName\":\"左侧山(两边铣)\"}, { \"productID\":\"5\",\"productCode\":\"083-QMC1-600H2\",\"productName\":\"600身后板\"}, { \"productID\":\"6\",\"productCode\":\"083-QMC1-600H2\",\"productName\":\"600身后板\"}, { \"productID\":\"7\",\"productCode\":\"083-QMC1-600H2\",\"productName\":\"600身后板\"}, { \"productID\":\"8\",\"productCode\":\"083-QMC1-600SF2\",\"productName\":\"大拉板\"}, { \"productID\":\"9\",\"productCode\":\"083-QMC1-600SF2\",\"productName\":\"大拉板\"}, { \"productID\":\"10\",\"productCode\":\"083-QMC1-600SF2H\",\"productName\":\"滑道条\"}, { \"productID\":\"11\",\"productCode\":\"QMC1-600G3\",\"productName\":\"金属衣杆\"}, { \"productID\":\"12\",\"productCode\":\"QMC1-600G3\",\"productName\":\"金属衣杆\"}, { \"productID\":\"13\",\"productCode\":\"QMC1-600G3\",\"productName\":\"金属衣杆\"}, { \&qu