首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

vs2012开发Ext,Grid显示空行有关问题

2013-07-01 
vs2012开发Ext,Grid显示空行问题如题,vs2012开发Ext,后台数据库数据调用成功,并已经转化为JSON格式,但是Gr

vs2012开发Ext,Grid显示空行问题
如题,vs2012开发Ext,后台数据库数据调用成功,并已经转化为JSON格式,但是Grid只显示空行,没有具体数据显示,求帮忙解答vs2012开发Ext,Grid显示空行有关问题

var EquInfoStore;
EquInfoManage = function (node) {

    //分页每页显示数量 
    var pageSize = 12;
    //指定列参数
    var fields = ["equid", "equname", "equteachername", "equdate", "equtime", "equaddress"];
    EquInfoStore = new Ext.data.Store({

        proxy: new Ext.data.HttpProxy(
          {
              url: "DATA/EquInfo/EquInfo.aspx",
              method: "POST"
          }),
        reader: new Ext.data.JsonReader(
        {
            fields: fields,
            root: "data",
            id: "equid",
            totalProperty: "totalCount"
        })
    });
    //加载参数
    EquInfoStore.load({ params: { start: 0, limit: pageSize } });

    //--------------------------------------------------列选择模式
    var sm = new Ext.grid.CheckboxSelectionModel({
        dataIndex: "equid"
    });
    //--------------------------------------------------列头
    var cm = new Ext.grid.ColumnModel([
sm, {
    header: "课程ID",
    dataIndex: "equid",
    tooltip: "课程唯一标识",
    //可以进行排序
    sortable: true
}, {
    header: "课程名称",
    tooltip: "课程名称",
    width: 130,
    dataIndex: "equname",
    sortable: true,
    renderer: function (value) {
        return "<b>" + value + "</b>";
    }
}, {
    header: "指导老师",
    tooltip: "老师姓名",
    //dataIndex: "guestname",equteachername
    dataIndex: "equteachername",
    sortable: true,
    renderer: function (value) {
        return "<font color=#EE9572>" + value + "</font>";
    }
}, {

    header: "实验日期",
    tooltip: "实验日期",
    //dataIndex: "guestname",equteachername
    dataIndex: "equdate",
    sortable: true,


    renderer: function (value) {
        return "<font color=#EE9572>" + value + "</font>";
    }
}, {
    header: "实验时间",
    tooltip: "实验时间",
    dataIndex: "equtime",
    sortable: true,
    renderer: function (value) {
        return "<b>" + value + "</b>";
    }

}, {
    header: "实验地点",
    width: 220,
    tooltip: "实验地点",
    dataIndex: "equaddress",
    //可以进行排序
    sortable: true
}]);


    //----------------------------------------------------定义grid
    var EquInfogrid = new Ext.grid.GridPanel({
        id: "EquInfogrid",
        store: EquInfoStore,
        sm: sm,
        cm: cm,
        loadMask: true,
        //超过长度带自动滚动条
        autoScroll: true,
        border: false,
        viewConfig: {
            columnsText: "显示/隐藏列",
            sortAscText: "正序排列",
            sortDescText: "倒序排列",
            forceFit: true
        }

    });

    //传入icon样式
    GridMain(node, EquInfogrid, "guesticon");
}

ExtJS Visual?Studio?2012
[解决办法]
var fields = ["equid", "equname", "equteachername", "equdate", "equtime", "equaddress"];

就是上面红色的部分,配置为equid,返回的json数组中,json项的equid要equid,不能是EQUID这种,要不返回的数据存储不到store中
[解决办法]
打印你store里的records,这个问题是因为你fields字段与column的dataIndex还有store里record里的键值没对应上的原因。
[解决办法]
你的数据格式要是json的形式。最好对应的名字不要搞错了。

热点排行