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 Panel是一种数据驱动的组件,它允许开发者以表格的形式展示大量数据,并且支持分页、排序、过滤...
本文将深入探讨如何在ExtJS中实现进度条的显示,这是一个在数据加载、文件上传或任何需要用户等待的任务中非常实用的功能。通过理解和应用以下知识点,你可以有效地在你的ExtJS项目中集成进度条,提升用户体验。 ##...
Grid组件是EXTJS的核心部分,它可以显示大量表格数据,支持行操作、列自定义和数据绑定。在实时数据展示中,我们需要利用EXTJS的Store和AjaxProxy来实现数据的实时更新。Store是EXTJS用来存储数据的容器,而Ajax...
在本案例中,我们关注的是如何使用ExtJS框架显示来自MySQL数据库的信息,并通过Java进行后端处理,将数据转化为JSON格式,以供前端展示。 ### 详细知识点解析 #### 1. 构建数据库表结构 首先,创建一个名为`...
在这一场景下,它可能涉及到EXTJS的Grid组件,这是一个可以显示大量数据并支持各种交互操作的表格控件。 描述中提到“ASP.NET的EXTJS数据导出到EXCEL”,意味着后端使用了ASP.NET技术,这是一款微软提供的Web开发...
4. **分页功能**:支持数据的分页显示,提高大数据量下的性能。 5. **数据校验**:提供数据校验机制,确保数据的完整性和准确性。 #### 二、Ext.data.Connection **Ext.data.Connection**是对**Ext.lib.Ajax**的一...
1. **ExtJS动态树(TreePanel)**: ExtJS TreePanel组件是用于显示和操作树形数据的控件。它支持多种特性,如拖放、分页、异步加载等。创建一个动态树,我们需要定义树节点的数据模型(TreeNode),配置数据源...
列模型定义了每一列的显示标题、数据源、宽度、是否可排序等属性。例如,第一列`RowNumberer`用于显示行号,`CheckboxSelectionModel`则实现了多选功能。其他列如`ID`、`用户名`、`密码`和`性别`分别对应数据Record...
在本篇文章中,我们将深入探讨如何使用Extjs4中的FormPanel组件从后台加载JSON数据,并将其映射到表单的各个字段中进行显示。这是一项非常实用的技术,尤其是在需要动态填充表单的情况下。 ### 一、Extjs4 ...
通过以上步骤,你可以实现在ExtJS 3环境中不依赖后端服务直接将Grid数据导出为Excel的功能。不过,这种方式虽然方便,但可能无法提供复杂的Excel格式和功能,如样式、公式或图表。如果需要更高级的功能,可能需要...
在本案例中,我们将深入探讨如何使用ExtJS读取并解析后端返回的JSON格式数据,然后将这些数据呈现为动态的条形图,以实现吸引用户注意力的视觉效果。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据...
ExtJS TreeGrid是一种结合了表格和树形结构的组件,常用于展示层次化的数据,它在ExtJS库中提供了一种高效且灵活的方式来展现多级数据。在这个“Extjs treeGrid 本地数据 例子”中,我们将探讨如何使用ExtJS创建一个...
extjs 中显示日期时间的方法是在后台传递来的数据是 Date 类型的数据,日期时间格式为 timestamp,是 13 位的 long data 数字类型的时间。在 extjs6 中,可以使用配置消息转换器对 responseBody 输出日期格式进行...
`ExtLoading`组件是ExtJS提供的另一种加载指示器,它可以在页面的任何位置显示,而不只是覆盖整个页面。这个组件可以更灵活地控制加载指示器的位置和样式。 四、高级用法 1. **局部加载遮罩** 只想对特定组件显示...
视图并不直接操作数据,而是通过控制器来更新模型,进而反映到视图上。 3. **Controller(控制器)**:作为模型和视图之间的桥梁,处理用户的交互事件,控制视图的显示和模型的更新。 在EXTJS 4.2环境下搭建MVC应用...
在EXTJS中,树形组件(Tree)是一种常见的数据展示形式,它能够以层级结构显示数据,广泛应用于目录浏览、组织架构展示等场景。EXTJS3.0是EXTJS的一个版本,虽然相对较旧,但仍然具有强大的功能和丰富的特性。 在...
- `GridPanel` 是EXTJS中用于展示表格数据的组件,它可以灵活地处理大量数据,并提供排序、分页、过滤等功能。 - 在 `GridComboBox` 中,`GridPanel` 作为下拉菜单的内容,使用户能以表格形式查看和选择数据。 3....
这个简单的示例展示了如何利用ExtJs从服务器获取JSON数据,并使用分页策略在GridPanel中显示。在实际项目中,你可能还需要考虑错误处理、用户交互、性能优化等方面的问题,以构建更加健壮和用户友好的数据展示界面。
ExtJS 是一个强大的JavaScript库,专门用于构建富客户端Web应用程序,尤其在创建数据驱动的用户界面方面表现出色。本示例程序代码是基于ExtJS技术实现的DataGrid动态数据绑定检索功能,它允许用户实时地从服务器检索...
创建data store是显示数据的第一步。EXTJS提供了多种预定义的data store类型,包括Simple (Array)、XML和JSON,同时也可以自定义data store以适应非标准格式的数据。例如,EXT论坛上有用户贡献的CSV和ColdFusion数据...