用过百度和Google的人,都会发现,当你输入关键字的时候,在输入框下面会列出一些近似或相关的关键字提供选择。最近,在添加歌曲的时候,需要选择歌手,其中需求提到在输入歌手名时,提供动态查询,代码如下:
{
xtype : 'combo',
id : 'songSingerId',
fieldLabel : '歌手',
displayField : 'singerName',
valueField : 'id',
store : singerStore,
mode : 'remote',
triggerAction : 'all',
// editable:false,
//hideTrigge:true,
minChars : 1,
queryParam : 'singer.singerName',
//typeAhead : true,
allowBlank : false,
forceSelection : true
}
需要注意的地方:
1.minChars:如果没有为该属性赋值,则默认是4,即在输入4个字符时,才会触发自动完成(即动态查询)
2.forceSelection:只能从下拉框中任选一个值,如果输入的值不存在下拉框中,将会被自动清空。
3.queryParam:当在输入框输入1个字符时,将会把“singer.singerName=输入值”传递到服务端。
4.triggerAction : 'all':当值为all时,不传递queryParam参数,即不会会把“singer.singerName=输入值”传递到服务端,当值为“query”时,则传递queryParam参数。
5.hideTrigge:这个属性当为true时,会隐藏掉combobox的下拉按钮。(在这里不采用,已注释)
triggerAction在帮助文档中的解释:
triggerAction : String
The action to execute when the trigger is clicked.
'query' : Default
run the query using the raw value.
'all' :
run the query specified by the allQuery config option
See also queryParam.
有空的话,欢迎到
红番薯逛逛
分享到:
相关推荐
extjs4.2 分页combo动态条数 源码,不懂的加群
Extjs分页使用java实现数据库数据查询.docx
xtype : 'jxcombo' //配置项 jxValueField:要获取值得字段名称,默认null //公共方法 getJXValue():返回自定义字段的值,如果没有自定义字段,则等价Ext.form.Combo类的getValue()方法
extjs实现动态树
Extjs动态Grid的生成 htm
extjs实现动态树加载菜单
Extjs动态树的实现以及节点拖拽
最近小弟做了Extjs实现实现下拉框联动的效果,参考了好久才学会,闲下来发一个简单的例子。。呵呵
该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能
csdn里有个兄弟类似的东西要10分,而且收录的不全,这个代码本是一个外国朋友的然后国人加了些修改,这里把两个版本同时献上
自定义树结构实现以及动态表头实现,整个程序是完整的,包括后台数据读取,数据赋值,树结构的类定义,前后端函数映射实现等,前端运用Extjs搭建页面
自定义高级查询Extjs
EXTJS动态树的实现举例 示例代码
ExtJS 实现动态处理加载 grid 实现了CRUD还有分页功能
extjs 在线sql查询 在线sql查询 html580 Ext.ux.window.VisualSQLQueryBuilder
Extjs4动态树实现,感觉写的比较好就分享给大家
ExtJS ASP.NET实现真实的进度条显示服务器端长时间操作
众多的案例详细介绍了extjs的使用和实现效果
extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台
很多网友在问,Extjs4.0 ComboBox如何实现,好在之前用3.x实现过一个三级联动,如今用Extjs4.0来实现同样的联动效果。其中注意的一点就是,3.x中的model:’local’在Extjs4.0中用queryMode: ‘local’来表示,而且在...