`

Ext.data.JsonStore 数据集使用

阅读更多

  ///
var store12=new Ext.data.JsonStore({
 
    //results 表示结果数
    //rows 表示从后台传过来的JSON数据
    data:{ "results": 2, "rows":[
        {"id":1, "city": "suzhou", "areacode": "0512", "perincome": "2500" },
        {"id":2, "city": "nanjing", "areacode": "025", "perincome": "2200" }]},

       //自动加载(不能用store.load())
    autoLoad:true,
    totalProperty:"results",

    root:"rows",

    fields:[{name:'city',mapping:'city'},

    {name:'areacode',type:'int'},

    {name:'perincome',mapping:'perincome',type:'int'},

    {name:'id',mapping:'id',type:'int'}

    ]

  });

  var bottomSearch12 = new Ext.form.ComboBox({
      fieldLabel: 'Country Code',
      name: 'country_code',
      forceSelection: true,
      listWidth: 200,
      store: store12,
      valueField: 'areacode',
      displayField: 'city',
      typeAhead: true,
      mode: 'local',
      triggerAction: 'all',
      selectOnFocus: true, //用户不能自己输入,只能选择列表中有的记录
      allowBlank: false,
      listeners: {
          select: function() {
              alert(this.value);
          }
      }
 
  })

作者: 王德田 发表于 2011-04-02 13:39 原文链接

评论: 0 查看评论 发表评论


最新新闻:
· Spring.NET Visual Studio 2010 Extension 1.0.0(2011-04-08 08:50)
· 微软前工程师用谷歌地图建旅游搜索引擎(2011-04-08 08:49)
· 熊晓鸽:投资奇虎360回报率约50倍(2011-04-08 08:47)
· 永中科技创始人:永中office败于盗版 没输微软(2011-04-08 08:46)
· 惠普诉前高管非法窃取机密情报并提供给对手(2011-04-08 08:45)

编辑推荐:C#开发Android应用的必备——Mono for Android V1.0 发布

网站导航:博客园首页  我的园子  新闻  闪存  小组  博问  知识库

分享到:
评论

相关推荐

    Ext.grid.GridPanel属性祥解

    - 说明:使用新的数据集和列模型重新配置表格。 - 示例:`reconfigure(new Ext.data.JsonStore(...), new Ext.grid.ColumnModel([...]))` #### 四、Ext.grid.Column详解 `Ext.grid.Column`代表了表格中的一列,...

    extjs 前后台交互参数出现中文乱码问题的解决方法

    在使用MyEclipse开发工具进行Web应用开发时,尤其是采用ExtJS框架结合Ajax技术进行前后端数据交互的过程中,可能会遇到一个常见的问题:即通过Ajax发送带有中文字符的数据时,后端接收到的数据出现乱码现象。...

    ext 基本知识-store-proxy-reader-ext-connection-实例

    三、Ext.data.StoreExt.data.Store是ExtJS中用于管理数据集的核心组件,它可以加载并存储数据,同时提供对数据的查询、排序、过滤等功能。在描述中的`var ds = Ext.data.JsonStore({url: 'xxx.jsp',root: 'root',...

    多年积攒下来的EXT3.3例子大放送

    例如,`Ext.data.JsonStore`可以用来加载JSON格式的后台数据,而`Ext.data.HttpProxy`则负责发起HTTP请求。开发者可能在示例中看到如何配置这些对象以实现数据的获取和更新。 3. **报表**:EXTJS提供了创建复杂报表...

    extjs学习资源

    - **数据存储**: `Store`用于管理数据集,而`GroupingStore`、`JsonStore`和`SimpleStore`提供了更高级的数据管理功能。 ##### 7. Ext.widgets - **组件库**: `Ext.widgets`包含了大量预定义的UI组件,如按钮、...

    EXT3.2 多选下拉框

    var store = new Ext.data.JsonStore({ fields: ['id', 'text'], data: [ { id: 1, text: 'Option 1' }, { id: 2, text: 'Option 2' }, // 更多选项... ] }); var multiSelectComboBox = new Ext.form....

    ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询

    `start`表示从数据集的哪个位置开始,`limit`则指定了每页要加载的数据量。 4. **Ajax请求**:在示例代码中,使用`Ext.Ajax.request`或者`FormPanel`的`submit`方法发送异步请求到服务器。在请求参数中,除了查询...

    Ext表格控件和树控件

    数据存储器 `Store` 是 `GridPanel` 的核心组件之一,它负责管理数据集,并为数据提供检索、排序、过滤等操作。在上面的例子中,`SimpleStore` 是一个最简单的数据存储器,用于存储静态数据。 ##### 3.3 DataReader...

    extjs 图表制作

    - 轴的标签、刻度和范围都可以自定义,以适应不同的数据集和分析需求。 6. **图例和提示** - 图例用于标识图表中的不同系列,用户可以通过点击图例来隐藏或显示相关系列。 - 提示通常显示当鼠标悬停在数据点上时...

    ExtJS帮助文档

    var store = new Ext.data.JsonStore({ url: 'data.json', root: 'rows', id: 'id', fields: ['name', 'email', 'phone'] }); ``` 2. **步骤二:列模型** - 定义表格中的列及其属性。 ```javascript var ...

    制作快逸报表说明

    var getStaffStore = new Ext.data.JsonStore({ fields: ['id', 'text'] }); DwrSys.getStaffWorkPlan(function(data) { getStaffStore.loadData(data); }); var comboStaff = new Ext.form.ComboBox({ store: ...

    DWR Ext 加载数据

    `Store`是Ext JS中用于管理数据集的组件,它可以与各种数据源进行交互。在这个例子中,我们创建了一个`JsonStore`,因为DWR返回的数据会被转化为JSON格式。`JsonStore`的`reader`属性是一个`JsonReader`,它定义了...

    ExtJS深入浅出介绍之数据存储于传输

    1. **Store(数据存储)**:在ExtJS中,Store是数据的核心管理器,用于存储和管理数据集。它可以连接到各种数据源,如JSONP、XML、CSV等,或者通过Ajax请求从服务器获取数据。Store可以加载数据、同步更改、排序、...

    ExtJS 2.0 GridPanel基本表格简明教程

    列信息由类Ext.grid.ColumnModel定义,这是一个数组,其中每一个元素代表一个列,包含列头显示文本(header)、列对应的记录集字段(dataIndex)、列是否可排序(sortable)、列的渲染函数(renderer)、宽度(width)、格式化...

Global site tag (gtag.js) - Google Analytics