EXTJS中grid加载数据(SSH1+EXTJS2.0)

最新推荐文章于 2017-03-21 17:49:11 发布

原创最新推荐文章于 2017-03-21 17:49:11 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #ssh #header #autoload #url #xml

ssh 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用EXTJS框架加载XML数据到Grid时遇到的问题。具体表现为单独访问生成XML页面可以正常工作，但当尝试加载到Grid时却无法显示数据。文中详细展示了sfq.js脚本中关于数据加载部分的代码实现。

单独访问生成xml或json页面能生成相应的格式，访问grid页面不能加载数据

访问路径配置

http://localhost:8080/ddy/sfq.do?status=sfq 访问页面

EXTJS页面

sfq.js

Ext.onReady(function(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side';//统一指定错误信息提示方式 //创建工具条 var toolbar=new Ext.Toolbar([ {text:'添加',iconCls:'add'}, {text:'修改',iconCls:'update'}, {text:'删除',iconCls:'del'} ]); //创建数据集 var sfqStore=new Ext.data.Store({ autoLoad:true, reader:new Ext.data.XmlReader({ totalRecords:"results", //指定记录总数对应的节点数 record:"Sfq"//指定记录的结节名 }, Ext.data.Record.create( [//定义记录格式 {name:'sfqid'}, {name:'cjid'}, {name:'onlyid'}, {name:'webid'}, {name:'ipid'}, {name:'typeid'} ]) ), proxy: new Ext.data.HttpProxy({ //创建httpproxy代理 //设置代理请求的URL，该地址返回列表信息的xml文件 method: 'GET' , url:'/ddy/sfq.do?status=queryall' }) }) //创建Grid表格组件 var cb=new Ext.grid.CheckboxSelectionModel() //创建选择模式对象 var sfqgrid=new Ext.grid.GridPanel({ applyTo:'div-grid',//创建表格显示的位置 frame:true, //渲染表格面板 tbar:toolbar,//设置顶部工具栏 store:sfqStore,//设置表格对应的数据集 stripRows:true,//显示斑马线 autoScroll:true,//滚动条 viewConfig:{ autoFill:true //自动充满表格 }, sm:cb, //设置表格选择模式 columns:[ //配置表格列 new Ext.grid.RowNumberer({ header : '行号', width : 40 }),//表格行号组件 cb, {header: "收发器号", width: 80, dataIndex: 'sfqid', sortable: true}, {header: "采集方式", width: 180, dataIndex: 'cjid', sortable: true}, {header: "端口号", width: 280, dataIndex: 'onlyid', sortable: true}, {header: "网络号", width: 280, dataIndex: 'webid', sortable: true}, {header: "IP地址", width: 280, dataIndex: 'ipid', sortable: true}, {header: "类型", width: 280, dataIndex: 'typeid', sortable: true} ] }) })

proxy: new Ext.data.HttpProxy({
      //创建httpproxy代理
    //设置代理请求的URL，该地址返回列表信息的xml文件
         method: 'GET' ,
         url:'/ddy/sfq.do?status=queryall'
          })
    必须指时路径