`

ExtCombox读Json设置默认值存取

阅读更多

Ext的Combox说法不一,自己实现了一下,有好的方法请给胖子留言。

 

文件目录
  |--resource_type_combx.js
  |--resource_type_combx.json


resource_type_combx.js文件

 

Ext.onReady(function(){
    //读JSON
 var resourceTypeStore= new Ext.data.Store({
     proxy: new Ext.data.HttpProxy({
          url: "resource_type_combx.json"
     }),
     reader: new Ext.data.JsonReader({
     fields: [
            "resource_type_title","selected","resource_type_id"
        ]
      })
   });
   resourceTypeStore.load();
   //设置默认值
resourceTypeStore.on("load",function(ds,records,o){
     for(i=0;i<records.length;i++){
        if(records[i].data.selected=="yes"){
 combo.setValue(records[i].data.resource_type_title);
         }
      }
   });
   
    var combo = new Ext.form.ComboBox({
        name:"combox",
        fieldLabel: "资源类型", 
        hiddenName:"实际后台取值的name名", 
        store: resourceTypeStore,
        displayField:"resource_type_id",
        valueField:"resource_type_title",
        typeAhead: true,
        mode: "local",
        triggerAction: "all",
        emptyText:"Select a state...",
        selectOnFocus:true,
        applyTo: "local-states",
        valueNotFoundText:1,
        editable:false,
        //得到选中的返回值
        listeners:{
          select: function(combo, record, index) {
          alert(combo.getValue());
         }
        }
    });
});

 resource_type_combx.json文件

[
{"resource_type_title":"Extjs","resource_type_title":"1"},
{"resource_type_title":"Extjs1","resource_type_title":"2"},
{"resource_type_title":"extjs3","resource_type_title":"3","selected":"yes"}
]
 

 

 

分享到:
评论

相关推荐

    json-schema-defaults:从 JSON Schema 中的默认值生成 JSON 配置

    JSON 架构默认值 从 JSON Schema 中的默认值生成 JSON 对象适用于节点和浏览器。安装新产品经理npm install json-schema-defaults 凉亭bower install json-schema-defaults 手动的下载用法CommonJS (node.js) var ...

    ext combox

    在探讨“ext combox”这一主题时,我们深入解析其核心功能——自动提示,这是现代Web应用程序中一个非常实用且常见的特性,尤其在输入框中提供动态搜索建议方面,极大地提升了用户体验。本篇将详细阐述如何利用Ext ...

    从JSON模式中的默认值生成JSON配置

    默认值属性允许我们为JSON对象的某个字段指定一个默认值,当JSON数据中没有提供该字段时,将使用此默认值。 例如,以下是一个简单的JSON模式: ```json { "$schema": "http://json-schema.org/draft-07/schema#",...

    C# Newtonsoft.Json各种操作案例、PDF

    例如,如果我们想要在序列化和反序列化时忽略默认值,可以这样设置: ```csharp [DefaultValue(10)] public int Age { get; set; } Person p = new Person { Age = 10, Name = "张三丰", Sex = "男", IsMarry = ...

    Ext_comBox模糊查询

    最后,处理程序将结果以JSON格式返回给前端,EXT JS的Combox将解析这个JSON并动态更新其下拉列表。 总结来说,EXT Combox的模糊查询功能是通过前端监听输入事件,发送请求到服务器,服务器根据请求参数执行模糊查询...

    SSH+EXT如何返回JSON

    ### SSH+EXT如何返回JSON详解 #### 一、概述 在Web开发中,前后端分离是一种常见的架构模式,其中后端主要负责数据处理与逻辑控制,而前端则专注于用户界面的展示。为了实现前后端之间的数据交换,JSON...

    EXT实例+JSON

    对于JSON格式,通常使用`Ext.data.reader.Json`,设置`rootProperty`来指定JSON对象中的数据数组位置。 4. **加载数据**:一旦数据存储配置完成,可以调用`load()`方法从服务器加载JSON数据。EXT会自动将JSON数据...

    JSON.rar_JSON Hibernate_extjs_json struts ext_jsp json extjs_str

    在标签"json_hibernate extjs json_struts_ext jsp_json_extjs struts2"中,"json_struts_ext"和"jsp_json_extjs"暗示了JSON在Struts2扩展和JSP与ExtJS之间的交互作用。可能有一个配置或者插件用于让Struts2的动作类...

    springmvc+ext4.1+json配置(含jar)

    Spring MVC、EXT4.1和JSON这三者结合,能为开发人员提供强大的工具和框架,以实现这一目标。接下来,我们将深入探讨这些技术及其整合应用。 首先,Spring MVC是Spring框架的一部分,它是一个用于构建Web应用程序的...

    读Ext之十(解析JSON)

    综上所述,“读Ext之十(解析JSON)”可能会涵盖如何在Ext JS环境中设置和使用Store来解析和操作JSON数据,以及如何利用数据模型、Proxy、Reader等工具实现数据的加载、显示和交互。通过学习这个主题,开发者可以更...

    Ext4+JSON+Servlet+Tree构建Web应用框架

    在构建Web应用框架时,"Ext4+JSON+Servlet+Struts2+Ext.tree.Panel+Ext.tab.Panel"的组合提供了一种高效且功能丰富的解决方案。这个框架的核心组件包括Ext4 JavaScript库、JSON数据交换格式、Servlet或Struts2作为...

    struts2与Ext4.0的json交互

    这篇博客文章“Struts2与Ext4.0的json交互”可能会探讨如何在Struts2中配置和使用JSON来与前端的Ext4.0框架进行通信。 首先,我们来看Struts2中的JSON插件。这个插件允许我们在Action类中直接返回JSON对象,无需...

    java对象序列化与反序列化的默认格式和json格式使用示例

    在上述例子中,`ObjectMapper`类提供了`writeValue`方法用于将Java对象写入JSON格式的文件,而`readValue`方法则能从JSON文件中读取数据并创建相应的Java对象。 为了更具体地展示如何使用序列化和反序列化,这里有...

    Ext 中JsonLib 解析字符串

    Ext 中JsonLib 解析字符串 Ext 中JsonLib 解析字符串 Ext 中JsonLib 解析字符串

    JsonViewJsonView

    1. **格式化输出**:将原始的JSON字符串转换为易读的格式,包括缩进和颜色高亮。 2. **折叠/展开**:用户可以通过点击加减号来折叠或展开JSON对象和数组,以便更好地管理视图。 3. **搜索**:内置搜索框允许用户输入...

    ExtJS4给Combobox设置列表中的默认值示例

    在本文中,我们将深入探讨如何使用ExtJS4框架为Combobox控件设置列表中的默认值。ExtJS4是一个广泛使用的JavaScript框架,专门用于创建富互联网应用(RIA)。它提供了丰富的组件和接口,以帮助开发者构建具有高度...

    kotlin gson反序列化默认值失效深入讲解

    然而,如果我们想要设置 User 对象的默认值,例如将 name 默认值设置为 "Unknown",那么我们可以使用 @SerializedName 注解来指定字段名,或者使用 TypeAdapterFactory 来自定义对象的反序列化过程。 Gson 反序列化...

    Spring3+Hibernate4+SpringMVC整合Ext:JSON数据格式传输

    2、ext4,这个项目是用来做ext的公共js库用的,这样不比没个项目都添加ext的js文件,方便开发。 切记将ext4项目部署上去,并且应用名称为ext4,否则访问fes项目是会找不到ext的js文件。 jxcia.sql是数据库脚本,...

    全国省市区行政编码四级联动json数据,含默认值全部

    全国省市区行政编码四级联动json数据,含默认值全部。

    AnyFo - Util - Json4Ext:通用ExtJS数据交换处理

    AnyFo - Util - Json4Ext Json4Ext项目背景 在大家开发的系统中,如果程序用ExtJS做表现层,那么就需要使ExtJS开发的界面和后台Java代码中生成的数据交互,一般来说,可以选 择XML格式和Json格式的数据进行交互...

Global site tag (gtag.js) - Google Analytics