`
yang_kunlun
  • 浏览: 77228 次
  • 性别: Icon_minigender_1
  • 来自: 地球
最近访客 更多访客>>
社区版块
存档分类
最新评论

Ext comboBox example

    博客分类:
  • Ext
阅读更多
rails action

  def get_gallery_type
    data = []
    gallery_type = GalleryType.find:all
    gallery_type.each do |t|
      data << {:gallery_type_id => t.id, :name => t.name}
    end
    render :json => {:gallery_type => data }
  end


store
          var store = new Ext.data.JsonStore({
            url: '/galleries/get_gallery_type',
            root: 'gallery_type',
            fields: ['name', 'gallery_type_id']
          });


comboBox

            new Ext.form.ComboBox({
              store: store,
              name: 'gallery_type',
              displayField: 'name',
              valueField: 'gallery_type_id',
              fieldLabel: 'Gallery Type',
              typeAhead: true,
              forceSelection: true,
              triggerAction: 'all',
              selectOnFocus: true,
              readOnly: true,
              lazyInit: false,
              lazyRender: false,
              allowBlank: false,
              listeners: {
                'render': function(){
                  store.load({
                    callback: function(){
                      if(store.getCount() == 1){
                        form.getForm().findField('gallery_type').setValue(store.getAt(0).get('gallery_type_id'));
                      }
                    }
                  })
                }
              }
            })
分享到:
评论

相关推荐

    extjs表单中的下拉框(comobobox)手动添加空选项

    title: 'ComboBox Example', width: 300, height: 200, items: [combo], buttons: ['OK', 'Cancel'] }); win.show(); }); ``` 通过以上步骤,我们可以在`ComboBox`中成功添加一项“所有”,并且确保它始终...

    EXT自动完成(此处为自动添加邮箱后缀,可以添加其他内容)

    描述中提到的"EXT使用的自动完成下拉框控件"是指EXT中的Combobox组件,它可以被用作一个输入框,当用户开始输入时,会显示一个下拉列表,列表中的项与用户输入的文本匹配。这个控件非常灵活,可以用于多种场景,如...

    EXT开发文档

    - 解压下载的文件,并查看 `example` 文件夹中的示例,以便熟悉 **EXT** 的基本用法。 2. **Element:EXT 的核心**: - **EXT** 的核心在于对 DOM 元素的操作。通过 `Ext.get` 方法可以获取 DOM 节点,并对其进行...

    ext控件form相关配置

    email: 'john.doe@example.com' } } }, items: [{ xtype: 'textfield', bind: '{user.name}', fieldLabel: '姓名' }, { xtype: 'textfield', bind: '{user.email}', fieldLabel: '邮箱' }] ``` #### ...

    自动完成功能(AutoComplete) EXT+asp.net

    在EXT中,我们可以利用`Ext.form.field.Trigger`或`Ext.form.field.ComboBox`组件来实现自动完成功能。 首先,我们需要在服务器端建立一个C#服务,该服务负责处理来自客户端的请求,根据输入的查询字符串返回匹配的...

    基于extjs的.NET3.5控件Coolite 1.0.0.34580(Preview预览版)

    66. Renamed ComboBox and DropDownField .Icon property to .TriggerIcon. Example (Old) &lt;ext:DropDownField runat="server" Icon="Search" /&gt; Example (New) &lt;ext:DropDownField runat=...

    ExtJS对Ajax的支持

    `Ext.Ajax.request`方法是Ext.Ajax中最常用的功能,它允许开发者以配置参数的形式发送异步请求。这种方法简化了Ajax请求的过程,开发者只需提供请求URL、请求类型(默认为GET)、请求参数、回调函数等信息即可发起...

    ExtJS 3.1 下拉框 与aps.net绑定使用

    var comboBox = new Ext.form.ComboBox({ store: store, displayField: 'text', valueField: 'text', typeAhead: true, queryMode: 'local', triggerAction: 'all', emptyText: '请选择...' }); // 将...

    extjs tree 节点 链接 新窗口

    `Store`负责存储和管理数据,可以与多种组件如GridPanel、ComboBox、DataView等配合使用。`Store`包含了数据源(`DataProxy`)、数据解析器(`DataReader`)以及记录(`Record`)等元素。 `DataProxy`是数据的来源,它...

    delphi通用函数单元一

    {example: replace('We know what we want','we','I',false) = 'I Know what I want'} function Replicate(pcChar:Char; piCount:integer):string; {在一个字符串中查找某个字符串的位置} function StrNum...

Global site tag (gtag.js) - Google Analytics