`
starbhhc
  • 浏览: 655655 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

extjs combo交互数据

EXT 
阅读更多
//下拉列表框的动态加载
    var comboStore = new Ext.data.Store({
       proxy: new Ext.data.HttpProxy({  
                    url:'adminGroup',    //请求到action
                    method:'POST'     //请求方式
                }),  
             reader: new Ext.data.JsonReader({            
                     //总记录数  
                    totalProperty: 'results',     //总数
                    root: 'items',       / /   数据集合
                    id:'roleId'     
                },  
                 ['roleId','roleName']     //combo里面的字段
              )
    });

//下面定义一个下拉列表框 可以放到form里面

{      xtype:'combo',   //下拉列表
        fieldLabel:'权限',
        width:100,
        name:'role',
        id:'role',   
         triggerAction:'all',   
         store:comboStore,         //数据源
         valueField: 'roleId',   
         displayField: 'roleName', //显示文本字段
         hiddenName:'roleId',      //在action里面获取的值
         emptyText:'请选择权限组',   //为空选择时文本框内容
         anchor:'90%',
         typeAhead: true   

}
分享到:
评论

相关推荐

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

    Store是ExtJS中管理数据的容器,它可以连接到各种数据源,包括本地数据、JSON、XML等,或者通过Ajax请求从服务器获取数据。在Combox中,我们通常会配置一个与服务器交互的Store,并设置它的proxy属性为AjaxSource,...

    extjs+struts2省市区三级联动完整示例

    总结起来,这个"extjs+struts2省市区三级联动完整示例"展示了如何结合使用ExtJS的客户端能力与Struts2的服务器端控制来实现动态数据交互。通过这种方式,我们可以创建出响应式的用户界面,提高Web应用程序的用户体验...

    extJs ComboBox级联

    ExtJS ComboBox级联是一种在Web应用中常见的交互方式,它允许用户从下拉列表中选择一个值,并且这个选择会影响到另一个ComboBox的选择项,通常用于表示层级关系的数据,比如省份-城市-区县。这种功能在数据筛选、...

    extjs4 ComboBox 点击下拉框 出现grid效果

    ComboBox的默认行为是弹出一个包含选项的列表,而你想要实现的是当用户点击下拉按钮时,展示一个Grid,这样可以展示更多的信息并且支持更复杂的交互。这种自定义的行为需要对EXTJS4的事件处理和组件嵌套有深入的理解...

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

    - `GridPanel` 是EXTJS中用于展示表格数据的组件,它可以灵活地处理大量数据,并提供排序、分页、过滤等功能。 - 在 `GridComboBox` 中,`GridPanel` 作为下拉菜单的内容,使用户能以表格形式查看和选择数据。 3....

    Extjs6 下拉列表

    ExtJS 是一个强大的JavaScript应用程序框架,用于构建交互式的、数据驱动的Web应用。在ExtJS6中,下拉列表(ComboBox)是一种常见的组件,用于提供用户可以选择的预定义选项。这个框架提供了丰富的功能和定制性,...

    Extjs4 combogrid扩展

    标题中的“Extjs4 combogrid扩展”意味着我们要在ExtJS 4框架内,改造原有的 Combo 组件,使其不仅能够展示简单的列表,还能以数据网格的形式呈现更丰富的信息。这种扩展在处理大量数据或需要多列展示信息时非常有用...

    Extjs之--带分页的lovcombo控件

    本篇我们将聚焦于ExtJS中的一个特定控件——带分页的LOV(Look Up Value)Combo,它结合了Combobox和分页功能,方便用户在大量的数据中选择值。 LOV Combo(Look Up Value ComboBox)是ExtJS中的一种复合控件,它的...

    EXTJS修改颜色实例源码

    EXTJS 是一个基于 JavaScript 的富客户端应用框架,用于构建功能丰富的、交互性强的 Web 应用程序。在提供的实例源码中,我们看到的是如何在 EXTJS 中修改颜色的示例,具体涉及到 EXTJS 的 FormPanel 和 ComboBox ...

    ExtJS ToolTip功能

    ### ExtJS ToolTip功能 ...这种方式不仅提高了应用的交互性,也增强了用户体验。此外,我们还学习了如何定义组件、配置布局、设置数据存储、添加网格及其配置项等基本操作,这些都是构建复杂用户界面的重要组成部分。

    EXTJS多选下拉框

    这个lovcombo是lov(List-Value)和combo(组合框)的结合体,提供了丰富的交互性和灵活性。 lovcombo在EXTJS中的实现通常包括以下几个部分: 1. **定义模型(Model)**:在EXTJS中,数据通常是通过模型来管理的。...

    extjs2.0 下拉列

    你可以使用 ExtJS 的 `AjaxProxy` 或者 `DirectProxy` 来连接数据库,获取数据填充到 Store 中。 总之,本资源提供了一个关于在 ExtJS 2.0 中创建下拉列表的示例,对于初学者来说是个很好的学习起点。通过阅读和...

    extjs多选下拉框

    在EXTJS框架中,"多选下拉框"(Multi-Select ComboBox)是一种常见的组件,它允许用户在下拉列表中选择多个选项。...学习和理解这些知识点对于EXTJS开发人员来说非常重要,有助于创建更复杂和交互性更强的Web应用程序。

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

    在Extjs框架中,ComboBox组件是经常使用的组件之一,它允许用户在一个下拉列表中进行选择。当需要在ComboBox加载数据之后为其赋初值,...在实际应用中,合理处理异步数据加载和用户界面交互是提升用户体验的重要环节。

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    5. **事件监听与交互** 为了响应用户的点击行为,需要监听ComboboxTree的相关事件,如`select`、`beforeselect`等。这些事件可以用来处理选择状态的改变,如验证用户选择、更新其他组件的状态等。 6. **实际项目中...

    Ext combobox 下拉多选框带搜索功能

    总的来说,这个定制的Ext ComboBox组件结合了多选和搜索功能,提高了用户在大量选项中的交互效率。理解并实现这样的功能对于开发复杂的Web应用程序是非常有价值的,尤其是在需要用户快速准确选择多项的场景下。通过...

    很不错的ExtJs PPT

    EXTJS不仅外观引人注目,还包含了JSON和AJAX技术,支持自定义验证、静态数据提交和静态分页等功能,极大提升了网页应用的交互性和效率。 EXTJS中的组件多样,例如下拉列表有两种形式:Select和Combo。Select仅提供...

    #ComboBox自动补全小技巧(模糊查找)

    在.NET框架下,ComboBox控件是Windows...通过以上步骤,你可以为你的C# .NET应用程序中的ComboBox添加自动补全和模糊查找功能,提升用户交互体验。在实际项目中,可以根据需求进行调整和优化,以满足不同场景下的需求。

    extjs下拉树

    ExtJS下拉树是一种在Web应用中常用的交互组件,它结合了下拉框和树形结构的优点,使得用户可以在一个紧凑的空间内选择嵌套层次的数据。这种组件在数据层级较多,需要用户进行逐级选择或者查看层级关系时非常实用。在...

    extjs中文api

    在ExtJS中,事件处理是非常重要的一个方面,它使得用户可以与页面元素进行交互。例如,通过以下代码可以为一个HTML元素绑定点击事件: ```javascript Ext.get('b').on('click', function() { // 这里是点击事件...

Global site tag (gtag.js) - Google Analytics