首页
学习
活动
专区
工具
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加载参数中

    90940

    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方法,可以使用BasicForm的updateRecord方法更新form绑定的model,然后用Model的save方法保存数据     ...) {                 //提交前确保表单含有有效数据                   form.updateRecord(record);                 // 更新的记录表单数据

    2K50

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

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

    2.3K30

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

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

    3.4K80

    ExtJS图表

    1.1 学习技能点 本次在线学习将学习以下知识技能: Ø 柱状图 Ø 饼状图 Ø 折线图 1.2 学习任务 ExtJS3使用的Flash Chart来源于YUI,其中包括柱状图、饼状图等多种图表,这些图表可以与...大家已经学习了可以使用grid显示这些数据,但是不利于分析,也很难看出数据的变化,下面就使用柱状图统计每个月的访问人数,效果如图6.1.1所示。...1.2.2 任务2:使用折线图统计每月的访问人数 ​需求说明​ 使用折线图统计每月的访问人数,效果如图6.1.2所示。...常用组件 Ø 熟练应用ExtJS常用布局 Ø 掌握ExtJS工具栏和菜单 Ø 掌握ExtJS图表 2.1.2 知识体系总结 本课程所学知识如图6.1.1所示,从图中可以总结使用ExtJS开发常用知识。...图7.1.5 使用RowEditor编辑学生信息 修改学生信息,点击更新按钮后完成学生信息修改,效果如图7.1.6所示。

    7810

    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作为返回值,发送到界面端,显示在下拉框中的数据绑定到combobox的textField属性中,需要更新的数据绑定到valueField...实现代码js: //加载工作人员的姓名和权限 function loadWorkerNameAndRightName() { var queryWorkerName

    1.6K20

    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)-利用ExtJs的Ajax与服务端WCF交互

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

    98570

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

    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 保存并关闭该工作簿,然后重新打开该工作簿...,即可以看到更新后的自定义功能区界面。

    39420
    领券