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'));
}
}
})
}
}
})
分享到:
相关推荐
title: 'ComboBox Example', width: 300, height: 200, items: [combo], buttons: ['OK', 'Cancel'] }); win.show(); }); ``` 通过以上步骤,我们可以在`ComboBox`中成功添加一项“所有”,并且确保它始终...
描述中提到的"EXT使用的自动完成下拉框控件"是指EXT中的Combobox组件,它可以被用作一个输入框,当用户开始输入时,会显示一个下拉列表,列表中的项与用户输入的文本匹配。这个控件非常灵活,可以用于多种场景,如...
- 解压下载的文件,并查看 `example` 文件夹中的示例,以便熟悉 **EXT** 的基本用法。 2. **Element:EXT 的核心**: - **EXT** 的核心在于对 DOM 元素的操作。通过 `Ext.get` 方法可以获取 DOM 节点,并对其进行...
email: 'john.doe@example.com' } } }, items: [{ xtype: 'textfield', bind: '{user.name}', fieldLabel: '姓名' }, { xtype: 'textfield', bind: '{user.email}', fieldLabel: '邮箱' }] ``` #### ...
在EXT中,我们可以利用`Ext.form.field.Trigger`或`Ext.form.field.ComboBox`组件来实现自动完成功能。 首先,我们需要在服务器端建立一个C#服务,该服务负责处理来自客户端的请求,根据输入的查询字符串返回匹配的...
66. Renamed ComboBox and DropDownField .Icon property to .TriggerIcon. Example (Old) <ext:DropDownField runat="server" Icon="Search" /> Example (New) <ext:DropDownField runat=...
`Ext.Ajax.request`方法是Ext.Ajax中最常用的功能,它允许开发者以配置参数的形式发送异步请求。这种方法简化了Ajax请求的过程,开发者只需提供请求URL、请求类型(默认为GET)、请求参数、回调函数等信息即可发起...
var comboBox = new Ext.form.ComboBox({ store: store, displayField: 'text', valueField: 'text', typeAhead: true, queryMode: 'local', triggerAction: 'all', emptyText: '请选择...' }); // 将...
`Store`负责存储和管理数据,可以与多种组件如GridPanel、ComboBox、DataView等配合使用。`Store`包含了数据源(`DataProxy`)、数据解析器(`DataReader`)以及记录(`Record`)等元素。 `DataProxy`是数据的来源,它...
{example: replace('We know what we want','we','I',false) = 'I Know what I want'} function Replicate(pcChar:Char; piCount:integer):string; {在一个字符串中查找某个字符串的位置} function StrNum...