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 架构默认值 从 JSON Schema 中的默认值生成 JSON 对象适用于节点和浏览器。安装新产品经理npm install json-schema-defaults 凉亭bower install json-schema-defaults 手动的下载用法CommonJS (node.js) var ...
在探讨“ext combox”这一主题时,我们深入解析其核心功能——自动提示,这是现代Web应用程序中一个非常实用且常见的特性,尤其在输入框中提供动态搜索建议方面,极大地提升了用户体验。本篇将详细阐述如何利用Ext ...
默认值属性允许我们为JSON对象的某个字段指定一个默认值,当JSON数据中没有提供该字段时,将使用此默认值。 例如,以下是一个简单的JSON模式: ```json { "$schema": "http://json-schema.org/draft-07/schema#",...
例如,如果我们想要在序列化和反序列化时忽略默认值,可以这样设置: ```csharp [DefaultValue(10)] public int Age { get; set; } Person p = new Person { Age = 10, Name = "张三丰", Sex = "男", IsMarry = ...
最后,处理程序将结果以JSON格式返回给前端,EXT JS的Combox将解析这个JSON并动态更新其下拉列表。 总结来说,EXT Combox的模糊查询功能是通过前端监听输入事件,发送请求到服务器,服务器根据请求参数执行模糊查询...
### SSH+EXT如何返回JSON详解 #### 一、概述 在Web开发中,前后端分离是一种常见的架构模式,其中后端主要负责数据处理与逻辑控制,而前端则专注于用户界面的展示。为了实现前后端之间的数据交换,JSON...
对于JSON格式,通常使用`Ext.data.reader.Json`,设置`rootProperty`来指定JSON对象中的数据数组位置。 4. **加载数据**:一旦数据存储配置完成,可以调用`load()`方法从服务器加载JSON数据。EXT会自动将JSON数据...
在标签"json_hibernate extjs json_struts_ext jsp_json_extjs struts2"中,"json_struts_ext"和"jsp_json_extjs"暗示了JSON在Struts2扩展和JSP与ExtJS之间的交互作用。可能有一个配置或者插件用于让Struts2的动作类...
Spring MVC、EXT4.1和JSON这三者结合,能为开发人员提供强大的工具和框架,以实现这一目标。接下来,我们将深入探讨这些技术及其整合应用。 首先,Spring MVC是Spring框架的一部分,它是一个用于构建Web应用程序的...
综上所述,“读Ext之十(解析JSON)”可能会涵盖如何在Ext JS环境中设置和使用Store来解析和操作JSON数据,以及如何利用数据模型、Proxy、Reader等工具实现数据的加载、显示和交互。通过学习这个主题,开发者可以更...
在构建Web应用框架时,"Ext4+JSON+Servlet+Struts2+Ext.tree.Panel+Ext.tab.Panel"的组合提供了一种高效且功能丰富的解决方案。这个框架的核心组件包括Ext4 JavaScript库、JSON数据交换格式、Servlet或Struts2作为...
这篇博客文章“Struts2与Ext4.0的json交互”可能会探讨如何在Struts2中配置和使用JSON来与前端的Ext4.0框架进行通信。 首先,我们来看Struts2中的JSON插件。这个插件允许我们在Action类中直接返回JSON对象,无需...
在上述例子中,`ObjectMapper`类提供了`writeValue`方法用于将Java对象写入JSON格式的文件,而`readValue`方法则能从JSON文件中读取数据并创建相应的Java对象。 为了更具体地展示如何使用序列化和反序列化,这里有...
Ext 中JsonLib 解析字符串 Ext 中JsonLib 解析字符串 Ext 中JsonLib 解析字符串
1. **格式化输出**:将原始的JSON字符串转换为易读的格式,包括缩进和颜色高亮。 2. **折叠/展开**:用户可以通过点击加减号来折叠或展开JSON对象和数组,以便更好地管理视图。 3. **搜索**:内置搜索框允许用户输入...
在本文中,我们将深入探讨如何使用ExtJS4框架为Combobox控件设置列表中的默认值。ExtJS4是一个广泛使用的JavaScript框架,专门用于创建富互联网应用(RIA)。它提供了丰富的组件和接口,以帮助开发者构建具有高度...
然而,如果我们想要设置 User 对象的默认值,例如将 name 默认值设置为 "Unknown",那么我们可以使用 @SerializedName 注解来指定字段名,或者使用 TypeAdapterFactory 来自定义对象的反序列化过程。 Gson 反序列化...
2、ext4,这个项目是用来做ext的公共js库用的,这样不比没个项目都添加ext的js文件,方便开发。 切记将ext4项目部署上去,并且应用名称为ext4,否则访问fes项目是会找不到ext的js文件。 jxcia.sql是数据库脚本,...
全国省市区行政编码四级联动json数据,含默认值全部。
AnyFo - Util - Json4Ext Json4Ext项目背景 在大家开发的系统中,如果程序用ExtJS做表现层,那么就需要使ExtJS开发的界面和后台Java代码中生成的数据交互,一般来说,可以选 择XML格式和Json格式的数据进行交互...