`
snowme103
  • 浏览: 68179 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

我的extjs显示数据显示不了

阅读更多

Ext.onReady(function() {
 
  var jsonReader=new Ext.data.JsonReader({
         root:'root',
         totalProperty:'totalProperty'},
         [{
          name:"id",
          mapping:"id"
         },{
          name:"name",
          mapping:"name"
         },{
          name:"descn",
          mapping:"descn"
         }]
);
var dsjihui = new Ext.data.Store( {
 proxy : new Ext.data.HttpProxy( {
 url : 'barcode.jsp'
 }),
 reader : jsonReader
 });
 dsjihui.load();

  var cm = new Ext.grid.ColumnModel([
        {header:'编号',dataIndex:'id'},
        {header:'名称',dataIndex:'name'},
        {header:'描述',dataIndex:'descn'}
    ]);
    var grid = new Ext.grid.GridPanel({
       // autoHeight: true,
        //autoWidth:true,
        height: 200,
        width: 400,
       // renderTo: 'grid',
        store: dsjihui,
        cm: cm,
        renderTo: 'grid'
      //  autoExpandColumn: 'descn'
    });
    
  });

 

 

 

 

后台打印出来的json数据是:

 

{"totalProperty":10,"root":[{"descn":"descn","name":"zackey","id":"000"},{"descn":"descn","name":"zackey","id":"001"},{"descn":"descn","name":"zackey","id":"002"},{"descn":"descn","name":"zackey","id":"003"},{"descn":"descn","name":"zackey","id":"004"},{"descn":"descn","name":"zackey","id":"005"},{"descn":"descn","name":"zackey","id":"006"},{"descn":"descn","name":"zackey","id":"007"},{"descn":"descn","name":"zackey","id":"008"},{"descn":"descn","name":"zackey","id":"009"}]}

 

 

请各位帮忙看看啊 我折腾两天了 还做不出来。

分享到:
评论

相关推荐

    ExtJS 使用grid显示数据

    这篇博客文章 "ExtJS 使用grid显示数据" 可能详细阐述了如何利用ExtJS的Grid面板来展示和操作数据。 在ExtJS中,Grid Panel是一种数据驱动的组件,它允许开发者以表格的形式展示大量数据,并且支持分页、排序、过滤...

    extjs 进度条的显示

    本文将深入探讨如何在ExtJS中实现进度条的显示,这是一个在数据加载、文件上传或任何需要用户等待的任务中非常实用的功能。通过理解和应用以下知识点,你可以有效地在你的ExtJS项目中集成进度条,提升用户体验。 ##...

    php+extjs+grid实时显示更新数据

    Grid组件是EXTJS的核心部分,它可以显示大量表格数据,支持行操作、列自定义和数据绑定。在实时数据展示中,我们需要利用EXTJS的Store和AjaxProxy来实现数据的实时更新。Store是EXTJS用来存储数据的容器,而Ajax...

    extjs显示数据库

    在本案例中,我们关注的是如何使用ExtJS框架显示来自MySQL数据库的信息,并通过Java进行后端处理,将数据转化为JSON格式,以供前端展示。 ### 详细知识点解析 #### 1. 构建数据库表结构 首先,创建一个名为`...

    extjs 数据导出到Excel,数据列自选

    在这一场景下,它可能涉及到EXTJS的Grid组件,这是一个可以显示大量数据并支持各种交互操作的表格控件。 描述中提到“ASP.NET的EXTJS数据导出到EXCEL”,意味着后端使用了ASP.NET技术,这是一款微软提供的Web开发...

    extjs数据存储与传输详解

    4. **分页功能**:支持数据的分页显示,提高大数据量下的性能。 5. **数据校验**:提供数据校验机制,确保数据的完整性和准确性。 #### 二、Ext.data.Connection **Ext.data.Connection**是对**Ext.lib.Ajax**的一...

    extjs动态树struts请求数据

    1. **ExtJS动态树(TreePanel)**: ExtJS TreePanel组件是用于显示和操作树形数据的控件。它支持多种特性,如拖放、分页、异步加载等。创建一个动态树,我们需要定义树节点的数据模型(TreeNode),配置数据源...

    解析Extjs与php数据交互(增删查改)

    列模型定义了每一列的显示标题、数据源、宽度、是否可排序等属性。例如,第一列`RowNumberer`用于显示行号,`CheckboxSelectionModel`则实现了多选功能。其他列如`ID`、`用户名`、`密码`和`性别`分别对应数据Record...

    Extjs4的FormPanel从后台load json数据的要点

    在本篇文章中,我们将深入探讨如何使用Extjs4中的FormPanel组件从后台加载JSON数据,并将其映射到表单的各个字段中进行显示。这是一项非常实用的技术,尤其是在需要动态填充表单的情况下。 ### 一、Extjs4 ...

    extjs把数据导出至excel

    通过以上步骤,你可以实现在ExtJS 3环境中不依赖后端服务直接将Grid数据导出为Excel的功能。不过,这种方式虽然方便,但可能无法提供复杂的Excel格式和功能,如样式、公式或图表。如果需要更高级的功能,可能需要...

    extjs读取解析后端json格式数据显示条形图

    在本案例中,我们将深入探讨如何使用ExtJS读取并解析后端返回的JSON格式数据,然后将这些数据呈现为动态的条形图,以实现吸引用户注意力的视觉效果。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据...

    Extjs treeGrid 本地数据 例子

    ExtJS TreeGrid是一种结合了表格和树形结构的组件,常用于展示层次化的数据,它在ExtJS库中提供了一种高效且灵活的方式来展现多级数据。在这个“Extjs treeGrid 本地数据 例子”中,我们将探讨如何使用ExtJS创建一个...

    extjs日期显示(如何转换日期格式)

    extjs 中显示日期时间的方法是在后台传递来的数据是 Date 类型的数据,日期时间格式为 timestamp,是 13 位的 long data 数字类型的时间。在 extjs6 中,可以使用配置消息转换器对 responseBody 输出日期格式进行...

    Extjs的loading效果

    `ExtLoading`组件是ExtJS提供的另一种加载指示器,它可以在页面的任何位置显示,而不只是覆盖整个页面。这个组件可以更灵活地控制加载指示器的位置和样式。 四、高级用法 1. **局部加载遮罩** 只想对特定组件显示...

    EXTJS4.2 MVC环境搭建并显示数据

    视图并不直接操作数据,而是通过控制器来更新模型,进而反映到视图上。 3. **Controller(控制器)**:作为模型和视图之间的桥梁,处理用户的交互事件,控制视图的显示和模型的更新。 在EXTJS 4.2环境下搭建MVC应用...

    EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0

    在EXTJS中,树形组件(Tree)是一种常见的数据展示形式,它能够以层级结构显示数据,广泛应用于目录浏览、组织架构展示等场景。EXTJS3.0是EXTJS的一个版本,虽然相对较旧,但仍然具有强大的功能和丰富的特性。 在...

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    - `GridPanel` 是EXTJS中用于展示表格数据的组件,它可以灵活地处理大量数据,并提供排序、分页、过滤等功能。 - 在 `GridComboBox` 中,`GridPanel` 作为下拉菜单的内容,使用户能以表格形式查看和选择数据。 3....

    ExtJs学习资料22-从服务器获取JSON数据并分页处理.doc

    这个简单的示例展示了如何利用ExtJs从服务器获取JSON数据,并使用分页策略在GridPanel中显示。在实际项目中,你可能还需要考虑错误处理、用户交互、性能优化等方面的问题,以构建更加健壮和用户友好的数据展示界面。

    基于ExtJS技术实现的DataGrid 动态数据绑定检索例子程序代码

    ExtJS 是一个强大的JavaScript库,专门用于构建富客户端Web应用程序,尤其在创建数据驱动的用户界面方面表现出色。本示例程序代码是基于ExtJS技术实现的DataGrid动态数据绑定检索功能,它允许用户实时地从服务器检索...

    extjs&使用grid显示数据参照.pdf

    创建data store是显示数据的第一步。EXTJS提供了多种预定义的data store类型,包括Simple (Array)、XML和JSON,同时也可以自定义data store以适应非标准格式的数据。例如,EXT论坛上有用户贡献的CSV和ColdFusion数据...

Global site tag (gtag.js) - Google Analytics