`
eimhee
  • 浏览: 2150589 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[Grid] Ext.data documenation - Ext JS

阅读更多
I'm porting my grids to use the new Ext 1.0, but I'm finding that the documentation is lacking entries for the Ext.data.Store and Ext.data.XMLReader, etc.

Just a heads up, it would be nice ot have these documented.

-jeff
Reply With Quote
  #2  
Old 03-04-2007, 01:20 PM
DefaultAlso

separate note, but I'm trying to debug an exception in ext-jquery-adaptor, but the distribution only contains a compressed version. Can you distribute a -debug version as well? Thanks.

-jefff
Reply With Quote
  #3  
Old 03-04-2007, 01:21 PM
Default

This code still in an alpha release state - as such, the documentation is incomplete. This will be done by the time the official release is ready.
__________________
Tim Ryan - Ext JS Support Team
Read BEFORE posting a question / posting a Bug
Use Google to Search - API / Forum
API Doc (3.x | 2.x | 1.x) / FAQ / Wiki / Tutorials / 1.x->2.0 Migration Guide
Reply With Quote
  #4  
Old 03-04-2007, 02:21 PM
Default

Quote:
Originally Posted by tryanDLS
This code still in an alpha release state - as such, the documentation is incomplete. This will be done by the time the official release is ready.
Thanks. It seems that releasing the Alpha is so you can get testers, but it's hard to test w/o docs. That's all.

On a separate note, I'm unable to get Ext 1.0 grids to render in FF. At first, I was trying to port my grids to 1.0, but I couldn't get them to render. So now, I've slowly reduced my test to merely the example from xml-grid.js. Still won't render, as in nothing draws on the page. The only changes I've made are to link the libs and the example xml to my docroot. any suggestions?
<html>
<head>

<script language="Javascript" src="/core/js/ext/jquery.js"></script>
<script language="Javascript" src="/core/js/ext/jquery-plugins.js"></script>
<script language="Javascript" src="/core/js/ext/ext-jquery-adapter.js"></script>
<script language="Javascript" src="/core/js/ext/ext-all-debug.js"></script>

</head>

<body>


<div id="example-grid" class="x-grid-mso" style="border: 1px solid #c3daf9; overflow: hidden; width:520px;"></div>

<script>
Ext.onReady(function(){


    // create the Data Store
    var ds = new Ext.data.Store({
        // load using HTTP
        proxy: new Ext.data.HttpProxy({url: '/core/js/ext/examples/grid/sheldon.xml'}),

        // the return will be XML, so lets set up a reader
        reader: new Ext.data.XmlReader({
               // records will have an "Item" tag
               record: 'Item',
               id: 'ASIN'
           }, [
               // set up the fields mapping into the xml doc
               // The first needs mapping, the others are very basic
               {name: 'Author', mapping: 'ItemAttributes > Author'},
               'Title', 'Manufacturer', 'ProductGroup'
           ])
    });

    var cm = new Ext.grid.ColumnModel([
	    {header: "Author", width: 120, dataIndex: 'Author'},
		{header: "Title", width: 180, dataIndex: 'Title'},
		{header: "Manufacturer", width: 115, dataIndex: 'Manufacturer'},
		{header: "Product Group", width: 100, dataIndex: 'ProductGroup'}
	]);
    cm.defaultSortable = true;

    // create the grid
    var grid = new Ext.grid.Grid('example-grid', {
        ds: ds,
        cm: cm
    });
    grid.render();

    ds.load();

});

</script>

</body>
</html>
Reply With Quote
  #5  
Old 03-04-2007, 02:24 PM
Default

Nevermind... forgot to load the css.
Reply With Quote
分享到:
评论

相关推荐

    Ext.data专题

    **Grid** 和 **ComboBox** 等组件都是基于Ext.data进行数据操作的。它们利用这些核心组件来实现诸如异步加载、类型转换、分页等功能。 #### 二、数据格式和支持 Ext.data支持多种数据格式,包括但不限于: - **...

    Ext.grid.GridPanel属性祥解

    - 示例:`reconfigure(new Ext.data.JsonStore(...), new Ext.grid.ColumnModel([...]))` #### 四、Ext.grid.Column详解 `Ext.grid.Column`代表了表格中的一列,可以通过以下配置项来定义其行为和外观: 1. **id*...

    extjs帮助文档pdf版

    - `Ext.util.JSON.encode(data)`: 将JavaScript对象转换为JSON字符串。 - `Ext.util.JSON.decode(json)`: 将JSON字符串转换为JavaScript对象。 #### 19. Ext.util.Format 类 (P.20) - **概述**:提供了数据格式化...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    ### ExtJs选中 `var editor = new Ext.ux.grid.RowEditor` 详解 在Web开发领域,特别是使用ExtJs框架进行复杂用户界面构建时,`RowEditor` 是一个非常实用的功能,它允许用户直接在表格行内编辑数据,极大地提高了...

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    可编辑表格Ext.grid.EditorGridPanel

    Ext.grid.EditorGridPanel是Ext JS库中的一个组件,主要用于创建具有可编辑单元格的表格。这个组件在数据展示和编辑方面提供了丰富的功能,是构建数据密集型应用的理想选择。下面将详细阐述其特点、工作原理及如何...

    EXT核心API详解

    73、Ext.grid.EditorGridPanel类 ……… 62 74、Ext.grid.PropertyGrid类 …………… 65 1、Ext类 addBehaviors(Object obj) : void 对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如 addBehaviors({ ...

    ExtJs学习资料28-Ext.data.JsonStore数据存储器.doc

    document.write("&lt;script type=\"text/javascript\" src=\"../extjs/adapter/ext/ext-base.js\"&gt;&lt;/script&gt;"); document.write("&lt;script type=\"text/javascript\" src=\"../extjs/ext-all.js\"&gt;&lt;/script&gt;"); ...

    Ext grid To Excel

    var vExportContent = grid.getExcelXml(); if (Ext.isIE6 || Ext.isIE7 || Ext.isSafari || Ext.isSafari2 || Ext.isSafari3) { var fd=Ext.get('frmDummy'); if (!fd) { fd=Ext.DomHelper.append(Ext.getBody...

    Ext.ux.tree.treegrid异步加载

    var grid = new Ext.ux.tree.TreeGrid({ title: '', width: 500, height: 300, enableDD: true, enableSort: false, rootVisible: false, columns: [ { header: '', dataIndex: 'Task_ID', width: 230 ...

    ext表格布局小例子

    proxy: new Ext.data.PagingMemoryProxy(data), reader: new Ext.data.ArrayReader({}, [ { name: 'id' }, { name: 'name' }, { name: 'sex' }, { name: 'date', type: 'date', dateFormat: 'Y-m-d' }, { ...

    Ext Js权威指南(.zip.001

    Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...

    Ext_Js分页显示案例详解

    在Ext_Js中,主要依赖于`Ext.data.Store`对象来管理数据,以及`Ext.grid.Panel`或`Ext.dataview.DataView`等控件来展示这些数据。分页可以通过`Ext.PagingToolbar`组件实现。 1. **Store对象**:Store是Ext_Js中用...

    ExtJS入门教程(超级详细)

    1、Ext类 ………………………………… 2 2、Array类 …………………………… 4 3、Number类 …………………………… 4 4、...73、Ext.grid.EditorGridPanel类 ……… 62 74、Ext.grid.PropertyGrid类 …………… 65

    ext--grid--demo

    在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,包括数据网格(Grid),这是展示大量结构化数据的高效方式。"ext--grid--demo"可能是一个示例项目,...

    ext js 页面自动刷新教程集合

    Ext JS 是一种强大的JavaScript应用程序框架,用于构建富客户端Web应用。在Ext JS中,页面的自动刷新功能通常涉及到数据网格(Grid)的实时更新,这在处理动态数据流或者需要实时显示新数据的场景中非常常见。本教程...

    ext实例 左边是 tree 右边是grid 双击grid弹出form修改

    ExtJS 是一个强大的JavaScript前端框架,它提供了丰富的用户界面组件,包括树形控件(tree)、表格(grid)和表单(form)。本实例“ext实例 左边是 tree 右边是grid 双击grid弹出form修改”是针对初学者的一个宝贵...

    Ext grid 简单实例

    Ext Grid是Ext JS库中的一个核心组件,用于展示和操作数据集。在Web应用程序中,它经常被用来作为数据表格,允许用户查看、排序、筛选和编辑数据。在这个"Ext Grid简单实例"中,我们将探讨如何从Web服务提取数据并将...

    ExtJS ToolTip功能

    var grid = Ext.create('Ext.grid.Panel',{ title:'ArrayGrid', store:store, ... }); ``` 创建了一个`Ext.grid.Panel`实例,并指定了其标题和数据源。 5. **选择模型**: ```javascript selModel:{ type...

Global site tag (gtag.js) - Google Analytics