`
chenxueyong
  • 浏览: 342284 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

实现Ext combox 动态数据加载

阅读更多

核心代码如下:(注意名称的对应!)

服务器生成的json数据形如:

[{"ACTIONNAME":"http_get","ACTIONVALUE":"3"},{"ACTIONNAME":"http_post","ACTIONVALUE":"4"}]

var actionStore = new Ext.data.Store({   //定义store数据
        proxy: new Ext.data.HttpProxy({
            url: 'action.jsp?type=loadAction' //递交到服务器的url
        }),
        reader: new Ext.data. JsonReader({},['ACTIONNAME', 'ACTIONVALUE']) //数据域
    });

{    //combox组件
             fieldLabel: '提交方式',
            xtype: "combo",
            store: actionStore,   //对应actionStore数据对象
            mode: 'local',
            triggerAction: 'all',
            allowBlank: false,
            displayField: 'ACTIONNAME',   //显示的名称,与数据域对应的
          valueField: 'ACTIONVALUE',    //ACTIONNAME对应值
            blankText: '请选择提交方式!',
            editable: false,
            emptyText: '-请选择提交方式-',
            hiddenName: 'ACTIONSUBMIT', //提交时候的名字
            selectOnFocus: true,
            anchor: "95%"
        }

分享到:
评论

相关推荐

    ext combox

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

    Ext_comBox模糊查询

    本文将深入探讨如何在EXT中实现Combox的模糊查询功能,以及后台处理自动检索的方法。 模糊查询允许用户在输入框中输入部分文字,系统会自动匹配并显示符合条件的数据。EXT Combox的模糊查询功能通过监听用户的输入...

    Extjs之旅-combox之远程加载数据

    本篇我们将深入探讨“Extjs之旅”中的一个关键组件——Combox(组合框),特别是其远程加载数据的特性。 Combox在ExtJS中是一个非常灵活的控件,它可以看作是下拉列表和文本输入框的结合体,用户可以输入文本搜索,...

    extcombox搜索功能

    在ExtJS中,`Ext.form.field.ComboBox`(简称ComboBox)是一种常用的控件,它提供了一个下拉列表,用户可以在其中选择一个或多个项目。这个控件在数据展示和用户交互方面具有广泛的应用,特别是在需要进行快速筛选和...

    EXT中COMBOX联动

    "EXT中COMBOBOX联动"指的是在EXTJS应用中,两个或多个COMBOBOX之间实现数据交互和联动效果,即当一个COMBOBOX的选择项改变时,会触发其他COMBOBOX的更新,以展示与当前选择相关联的数据。 EXTJS的COMBOBOX联动通常...

    Ext 异步加载添加 删除节点 修改combobox选择项

    本篇文章主要探讨了如何在异步加载的场景下,实现树形控件(TreePanel)中节点的动态添加、删除以及ComboBox选择项的修改。 首先,让我们详细了解一下动态添加节点的过程。在Ext中,树形控件的节点可以通过...

    ext combox 下拉框不出现自动提示,自动选中的解决方法

    综上所述,要解决EXT Combox的自动提示和自动选中问题,关键在于正确配置分页、模式、数据加载以及相关的行为属性。通过以上所述的调整,可以实现期望的交互效果,让EXT Combox像百度搜索那样提供实时的下拉提示并...

    Ext 将grid渲染到combox

    // autoLoad: true // 自动加载数据 }); store.load({params: {start: 0, limit: 5}}); ``` 这里创建了一个 `JsonStore`,用于存储从服务器获取的数据。`JsonStore` 是 Ext JS 提供的一种数据存储类,它可以...

    Ext JS 实现建议词模糊动态搜索功能

    首先,实现模糊动态搜索的核心组件是`Ext.form.ComboBox`,这是一个下拉框组件,支持自动完成和远程数据加载。在给出的代码示例中,`ComboBox`被用来实现搜索功能。以下是对关键参数的解释: 1. `store`: 定义了...

    Ext用户扩展控件 ------超级下拉列表控件支持多选,删除,添加

    考虑到大数据量的处理,UxSuperBoxSelect可能内置了一些性能优化策略,如延迟加载、分页加载等,以避免一次性加载过多数据导致页面卡顿。 7. **事件监听与处理** 和其他ExtJS组件一样,UxSuperBoxSelect提供了...

    Ext_iconcombox

    在默认情况下,Combox只显示文本,但通过扩展和自定义,我们可以添加图标以增加信息的可视化表达。 `iconcombox`是Combox的一个扩展,它增加了图标的支持。在Web设计中,图标能够快速传达信息,帮助用户识别和理解...

    comboxTree下拉树,实现单选功能

    在EXT JS框架中,ComboxTree是一种特殊的组件,它结合了ComboBox(下拉框)和TreePanel(树形面板)的功能,允许用户从一个可展开的树形结构中选择单个项。本代码示例专注于实现ComboxTree的单选功能,即用户只能...

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    - 考虑性能,当数据量很大时,可以使用远程查询(`queryMode: 'remote'`),只加载可视区域内的数据。 - 要注意处理 `GridComboBox` 的大小和宽度,确保下拉列表可以完全显示内容。 - 自定义事件处理和样式设置是...

    Extjs中ComboBox加载并赋初值的实现方法

    当需要在ComboBox加载数据之后为其赋初值,且这个赋值操作需要在数据加载完成后才能进行,以确保用户体验的正确性时,需要注意异步加载数据的特性。接下来,我们将详细解析如何在Extjs中为ComboBox组件加载数据并...

    extJs 文本框后面加上说明文字+下拉列表选中值后触发事件

    在EXTJS中,创建一个具有特定功能的表单通常涉及到多个组件的组合使用,如文本框、下拉列表以及事件监听。...这种技术在Web应用中常用于实现用户界面的动态交互和数据验证,以提高用户体验和数据准确性。

    Extjs 4.1 下拉框 Tree 的实现(mvc)

    ComboBox用于展示树状结构的选项,而Tree Panel则负责加载和显示实际的树形数据。 ```javascript var treeCombo = Ext.create('Ext.form.ComboBox', { fieldLabel: '连锁总店', queryMode: 'local', editable: ...

    Ext.net中ComboBox如何绑定数据库中的值

    <ext ID=ComBox_SecretsLevel runat=server FieldLabel=密级 Width=250 EmptyText=请选择密级…> <ext Text=公开 Value=1/> <ext Text=保密 Value=2> <ext Text=绝密 Value=3> </ext:ComboBox

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

    在本文中,我们将深入探讨如何使用ExtJS4框架为Combobox控件设置列表中的默认值。...需要注意的是,实际应用中,数据加载可能涉及到异步操作,因此监听数据加载事件并据此设置默认值是一种常见且可靠的做法。

    ExtJS 设置级联菜单的默认值

    在数据加载完成后,可以使用form.form.setValues方法,将从服务器返回的JSON数据批量设置为表单中相应字段的值。 通过上述步骤,可以成功地在ExtJS中设置级联菜单的默认值。需要注意的是,在实际应用中,服务器返回...

Global site tag (gtag.js) - Google Analytics