首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

更新或重新加载ExtJs ComboBox的存储

根据您的问答内容,我们可以得知您需要了解如何更新或重新加载ExtJs ComboBox的存储。以下是一个完善且全面的答案:

ExtJs ComboBox是一个用于显示可选项列表的组件,允许用户在列表中选择一个选项。在某些情况下,您可能需要在运行时更新或重新加载ComboBox的存储。以下是一些方法可以实现这个目的:

  1. 使用store.loadData()方法:

如果您想要重新加载ComboBox的存储,可以使用store.loadData()方法。这个方法接受一个数据对象数组作为参数,并将其添加到ComboBox的存储中。例如:

代码语言:javascript
复制

var store = comboBox.getStore();

var newData = [

代码语言:txt
复制
   {id: 1, name: 'Option 1'},
代码语言:txt
复制
   {id: 2, name: 'Option 2'},
代码语言:txt
复制
   {id: 3, name: 'Option 3'}

];

store.loadData(newData);

代码语言:txt
复制

这将会更新ComboBox的存储,并显示新的选项列表。

  1. 使用store.proxy属性:

如果您想要从服务器加载新数据,可以使用store.proxy属性。这个属性允许您指定一个代理对象,该对象可以从服务器加载数据。例如:

代码语言:javascript
复制

var store = comboBox.getStore();

store.proxy = {

代码语言:txt
复制
   type: 'ajax',
代码语言:txt
复制
   url: '/path/to/data.json',
代码语言:txt
复制
   reader: {
代码语言:txt
复制
       type: 'json',
代码语言:txt
复制
       rootProperty: 'data'
代码语言:txt
复制
   }

};

store.load();

代码语言:txt
复制

这将会从指定的URL加载新数据,并更新ComboBox的存储。

  1. 使用comboBox.setValue()方法:

如果您想要更新ComboBox的值,可以使用comboBox.setValue()方法。这个方法接受一个字符串作为参数,并将其设置为ComboBox的当前值。例如:

代码语言:javascript
复制

comboBox.setValue('Option 2');

代码语言:txt
复制

这将会更新ComboBox的值,并触发相应的事件。

总之,更新或重新加载ExtJs ComboBox的存储可以通过多种方法实现。您可以根据您的需求选择最适合您的方法。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • extjs7 combobox 根据输入值执行远端查询过滤选项源码分析

    版本 extjs 7.4.0 classic 源码 ext-classic/src/form/field/Base.js // 初始化事件时将onFieldMutation函数绑定到propertychange...me.callParent(); } 在输入事件后通过延时(配置项queryDelay,默认值500)任务执行查询,避免输入过程中无效查询 ext-classic/src/form/field/ComboBox.js...queryPlan.cancel) { // 如果包含查询字符串,并且但钱没有查询过滤器(正在执行查询)或与上次查询过滤器不同,则执行查询 refreshFilters...me.getPicker().refresh(); me.expand(); me.afterQuery(queryPlan); } // 否则执行查询并重新加载...} else { me.startCheckChangeTask(); } return false; } // 执行远端查询,将查询字符串加入到store加载参数中

    90440

    Extjs form 组件

    1.根类 Ext.form.Basic 提供了,表单组件,字段管理,数据验证,表单提交,数据加载功能 2.表单容器 Ext.form.Panel 容器自动关联 Ext.form.Basic 实例对象更方便进行字段配置...Ext.form.field.File 文件上传 Ext.form.field.ComboBox 选择框 Ext.form.field.Checkbox 选择框方式 Ext.form.field.Radio...'//在字段右面展示数据     重要方法     Ext.form.field.ComboBox     控件支持自动完成、远程加载、和许多其他特性。...);         }     });   代替submit方法,可以使用BasicFormupdateRecord方法更新form绑定model,然后用Modelsave方法保存数据     ...) {                 //提交前确保表单含有有效数据                   form.updateRecord(record);                 // 更新记录表单数据

    2K50

    EXT.NET复杂布局(一)——工作台

    EXT.NET是一组基于ExtJS库开发开源ASP.NET组件。 使用Ext.NET开发,比直接写JS更利于维护,也更方便开发。...由于官方没有文档(只有DEMO),很多情况下只能看看DEMO并且结合ExtjsAPI来摸索了。因此,在开发一些相对复杂布局界面时,还是有一定难度。...使用EXT.NET就不代表不需要写EXTJS,更不代表不需要了解Extjs。你会发现,在使用EXT.NET过程中,也会对Extjs有一定了解。...toExcuteOperations:封装在另外JS文件里,用于处理每项事务,由于代码量多,就不贴出来了。 updateStore:更新数据。... 基本上都介绍完了,还有不明白,就看看EXTJSAPI以及EXT.NET在线示例吧。

    2.3K30

    基于QTwebkit与ExtJs开发CBS结构企业应用管理系统

    不必再引入flashsilverlight技术,而且能很容易创建风格统一企业应用程序。     虽然ExtJs支持各种流行浏览器,甚至包括IE6,但是它在IE系浏览器下运行、渲染效率不高。...搭建一个CB/S结构企业应用程序     尽量保证系统执行效率     尽量保证系统升级更新便利性     尽量保证系统可扩展性 2.方案     ExtJs框架是一个比较庞大框架...这样做减少了磁盘IO和网络消耗,保证了系统执行效率;服务端对业务逻辑程序依旧保持着很好控制权,保证了系统升级更新便利性     关于系统可扩展性,ExtJs就能很好处理,在下一节中会有详细描述...绚丽界面,此时还需要引入一个服务器端JS文件,此文件通过Extjs类库加载机制,加载更多业务JS,以达到实现特定业务逻辑目的。...2.定制模块加载基址     Extjs有一套独特模块加载机制,它可以通过js类名称空间来加载相应js代码文件,比如视图文件名称空间是UTMP.sys.menuTree,ExtJs框架会从

    3.4K80

    Ext JS 教程-MVC架构 原

    这就会告诉应用程序自动加载那个文件,以便我们在启动时使用到它。引用程序使用 ExtJS 4 动态加载系统去自动把这个文件从服务器推出来。下面是现在当我们刷新页面时所看到: ?...它工作得很好,但是我们更乐于在应用程序任何地方引用到那个存储,以便我们可以更新它里面的数据。...在这个方法中,我们需要从表单中获取数据,更新我们User,然后保存到我们在上面创建Users存储中。...代理(Proxies)是ExtJS 4 中从存储和模型中加载和保存数据方法。其中有AJAX,JSON-P和HTML5本地存储代理。...autoLoad为true,意味着存储会立即叫它代理去加载那些数据。

    3.3K10

    基于asp.net + easyui框架,一步步学习easyui-datagrid—实现添加、编辑、删除

    , "info"); } //加载工作人员姓名和权限 loadWorkerNameAndRightName...modify"; $('#fm').form('load', row); } } 3.实现对话框中下拉框动态加载...在博客开头为大家设置了一个悬念,在实现过程中遇到了困难,就是在下拉框动态加载数据时,显示是一个数据库信息,更新时候要更新此显示信息数据库主键。...解决方案: 只需要调用一般处理程序,将所需数据转化成json作为返回值,发送到界面端,显示在下拉框中数据绑定到comboboxtextField属性中,需要更新数据绑定到valueField...实现代码js: //加载工作人员姓名和权限 function loadWorkerNameAndRightName() { var queryWorkerName

    1.5K20

    EXT基础

    下载EXT2.0 官方下载地址: http://extjs.com/deploy/ext-2.0.2.zip 开发人员必备中文手册 http://extjs.org.cn/node/125 EXT学习以及资源不错网站...这是Ext提供浏览器兼容性一种主要方式。 如果没有这个,会默认从远程extjs.com下载。 ?...获取对象节点 •getDom方法能够得到文档中DOM节点,该方法中包含一个参数,该参数可以是DOM节点id、DOM节点对象DOM节点对应Ext元素(Element)等。...•getCmp方法用来获得一个Ext组件,也就是一个已经在页面中初始化了Component其子类对象,getCmp方法中只有一个参数,也就是组件id。...下拉框 对于combobox我们也要为它添加配置。 store配置项就是用来说明combo中采用数据

    4.3K40

    ExtJs学习笔记(20)-利用ExtJsAjax与服务端WCF交互

    ExtJs是一套非常不错javascript UI库(第一次接触ExtJs,可到官方网站http://www.extjs.com/deploy/dev/examples/samples.html看下示例...相信不少人会心动),不仅组件丰富,效果漂亮,而且ExtJs集成Ajax功能可以方便与.NetWCF进行交互....这里我们将演示ExtJsFormPanel从WCF加载数据,以及如何提交数据到WCF服务端 1.首先来定义一个用于传输信息Class(实际开发中,可以是Linq to SqlClass任何可序列化实体类...获取WCF端数据,SaveMyData,SaveMyData2用来保存ExtJs提交过来数据,区别是SaveMyData用于Get方法,SaveMyData2用于Post方法 需要说明是[WebInvoke...Ajax对象完成与WCF交互(初次接触ExtJs Ajax,可参见ExtJs学习笔记(5)_Ajax示例https://cloud.tencent.com/developer/article/1026518

    97570

    【网安学术】基于ExtJSV**管理系统设计与实现

    1年后,他正式将Ext更名为ExtJS。经过6年发展,ExtJS已优化更新到现如今4.1.1版本,功能日益强大,使用范围也越来越广。...切换到节点管理界面,此时呈现给用户即表示层。执行添加终端装置操作时,业务逻辑层验证处理用户传来数据后,交由底层数据访问层进行数据存储。完成装置添加后,切换到策略管理界面执行新建隧道操作。...由于IE浏览器自身对JS脚本解析慢,支持性较差,在此对官方发布ExtJS代码进行了裁剪瘦身,并在代码中采用ExtJS4新增按需加载机制加载JS文件,同时开启了Apache服务器gzip压缩功能,以提高网页传输速率...如此,这将大大提高ExtJS在IE下性能,使得网页响应变快,IE对其兼容性变强。 3.3 数据库实现 后台数据库采用SQLite软件存储数据。...本管理系统中,富客户端框架ExtJS与PHP语言完成了很好配合,数据交互及用户体验良好。但是,由于ExtJS框架源码占用空间较大,依旧会耗费一定解析加载时间。

    1K10

    Windows 8.1 应用再出发 - 几种更新控件

    Windows 8.1 除了新增了很多很有用控件外,还对一些控件做出了更新。接下来我们一起对这些更新控件一一做出讲解。 1....在上面的图中,我们看到,翻转视图中有三个项目:1/2/3,每次滑动点击左右键可以切换显示一个项目。那么Windows 8.1 针对它更新是什么呢?...在Windows 8中,当用户通过滑动触控切换项目时,FlipView项目切换会进行平滑滚动。而通过点击编程时,不会出现平滑滚动,内容只是简单切换显示。...PlaceholderText 占位符文本,Windows 8.1 将这个属性添加到很多包含文本控件中。如果控件中不想显示默认选项留空,我们就可以添加占位符来提示用户进行输入选择。...到这里,我们就把Windows 8.1 中几个比较大控件更新介绍完了。大家如果想更完整了解更新范围,可以 到这里 查看。谢谢大家。

    1.8K80

    自定义功能区示例:创建用于工作表导航动态组合框

    标签:VBA,自定义功能区 在《自定义功能区示例:创建用于工作表导航下拉列表》中,我们在Excel功能区中添加一个自定义选项卡,然后再该选项卡中添加带有下拉列表一个自定义组,用于从下拉列表中选择工作表...,从而快速导航到该工作表,这对于工作簿中有大量工作表且要快速找到相应工作表用户来说,非常有用。...我们对此示例进行修改,使用组合框来实现,如下图1所示,并且当用户在该工作簿中新建删除工作表时,组合框中列表项会自动更新。...Sub Private Sub Workbook_SheetDeactivate(ByVal Sh As Object) RefreshAddInsRibbon End Sub 保存并关闭该工作簿,然后重新打开该工作簿...,即可以看到更新自定义功能区界面。

    36920

    Ext JS 教程-ExtJS 4中数据包(Package)

    存储自动加载users.json这个url中User模型实体集合。...内联数据 存储也可以加载内联数据。...在任何时候使用存储API进行排序,过滤盒分组都是容易。见Sorting Grouping Filtering 实例是一个生动demo。 代理 代理被存储用来控制加载和保存模型数据。...首先,貌似每一个使用这个User模型Store都将需要用同样方式加载它们数据,因此我们避免了为每一个Store都重新定义代理。第二,我们现在可以不用Store就加载和保存模型数据了。...配置你模型代理在任何地方加载数据是很容易,并且他们阅读器可以处理任何回应(response)形式。使用ExtJS 3,模型和存储在框架许多组件如Grid,Tree和Form被用到。

    1.2K20
    领券