/*
* Ext JS Library 2.1
* Copyright(c) 2006-2008, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/
Ext.app.SearchField = Ext.extend(Ext.form.TwinTriggerField, {
initComponent : function(){
Ext.app.SearchField.superclass.initComponent.call(this);
this.on('specialkey', function(f, e){
if(e.getKey() == e.ENTER){
this.onTrigger2Click();
}
}, this);
},
validationEvent:false,
validateOnBlur:false,
trigger1Class:'x-form-clear-trigger',
trigger2Class:'x-form-search-trigger',
hideTrigger1:true,
width:180,
hasSearch : false,
paramName : 'query',
onTrigger1Click : function(){
if(this.hasSearch){
this.el.dom.value = '';
var o = {start: 0};
this.store.baseParams = this.store.baseParams || {};
this.store.baseParams[this.paramName] = '';
this.store.reload({params:o});
this.triggers[0].hide();
this.hasSearch = false;
}
},
onTrigger2Click : function(){
var v = this.getRawValue();
if(v.length < 1){
this.onTrigger1Click();
return;
}
var o = {start: 0};
this.store.baseParams = this.store.baseParams || {};
this.store.baseParams[this.paramName] = v;
this.store.reload({params:o});
this.hasSearch = true;
this.triggers[0].show();
}
});
分享到:
相关推荐
网页中的搜索框,录入后在框下面显示匹配的结果列表,支持键盘上下箭头
统一自动完成搜索字段一个简单的Unity编辑器UI组件。 这是一个正常的搜索字段,但显示了一个很好的自动完成结果列表,供您填充。 包括两个示例,如下所示。 有什么建议吗? 问题? 让我知道或进行PR!...
ext定制:搜索框 Ext.app.SearchField的应用,效果比较好看
而KVC的初衷是允许开发者通过Key名直接访问修改对象的属性值,为其中最典型的 UITextField 的 _placeholderLabel、UISearchBar 的 _searchField。 造成影响:在iOS 13下App闪退 错误代码: // placeholderLabel...
源代码: 脚本一: <!DOCTYPE html> <html> <head>...link rel=stylesheethref=script06.css rel=external nofollow >...input type=text id=searchField autocomplete=off><
SearchField (查询表中的某个字段存在与否), SearchView(查询视图存在与否), AddFiled(添加字段),DelFiled(删除字段 ),MyQUery( 查询函数 ), SearchFieldValue(查找表中指定字段上是否存在某值)....
选择角度 Selectize-angular是[selectize.js...input type="text" selection="myModel" selectize="{valueField: 'id', labelField: 'name', sortField: 'name', searchField: 'name', plugins: ['remove_button']}" it
灰烬力量选择无遮挡 无障碍版本 安装 ember install ember-power-select-blockless 用法 该组件在内部使用ember-... 另一种设计方案为,在默认情况下searchField将默认的值labelPath ,所以你不需要,除非它是不同的指
data-table'const searchFields : SearchField [ ] = [ { label : 'ID' , name : 'id' , type : 'input' , payload : { props : { placeholder : 'placeholder' } } } , { label : 'Select' , name : 'select' , ...
如果要设置自己的实例,可以在实例化时将其作为searchField传递。 onSelect() 当用户通过单击选择某项或在使用箭头键后按Enter时,该视图触发该回调 searchMethod() 绑定到视图实例的方法,该方法作为确定父集合...
在一个DataGrid里面,搜索行所在位置 实现的效果如下: 在搜索框中输入部分列名关键字,即可匹配到行的位置。 EasyUI的SearchBox组件只提供了静态搜索框,我们可以使用ComboBox来实现动态的...div id="searchField
Apple的详细介绍NSSearchField的例子,详细介绍了如何使用NSSearchField,如何使用NSSearchField的下拉菜单和自定义菜单