Ext comboBox example

最新推荐文章于 2025-08-23 23:21:14 发布

最新推荐文章于 2025-08-23 23:21:14 发布 · 110 阅读

文章标签：

#EXT #Rails #Java #json

Ext 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用Rails实现的JSON API示例，该API用于获取画廊类型的数据并将其以JSON格式返回。此外，还展示了如何使用ExtJS框架创建一个下拉框组件来显示这些画廊类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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'));
                      }
                    }
                  })
                }
              }
            })