当前位置: 首页 > 图文教程 > 网络编程 > Javascript > ext combox 下拉框不出现自动提示,自动选中的解决方法

Javascript
javascript表单之间的数据传递
当层遇到select下拉框时的解决方法
showModalDialog和showModelessDialog使用心得
JavaScript技巧:让网页自动穿上外套
一个非常强大完整的web表单验证程序
JavaScript实用技巧集锦
js控制excel打印完美解决方案
使用Javascript制作声音按钮
利用 PHP 将 HTML 转化为 WML
Javascript经典正则表达式
新闻内页-JS分页
鼠标划过时整行变色
用 或 || 来兼容FireFox
JS代码的格式化和压缩
动态加载iframe
html下载本地
强制设为首页代码
超强图片数量上传无限制
document 和 document.all 分别什么时候用
javascript 动态添加表格行

Javascript 中的 ext combox 下拉框不出现自动提示,自动选中的解决方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-02-27   浏览: 303 ::
收藏到网摘: n/a

ext combox 如果想实现类似于 baidu 搜索时的提示功能。必须禁止其分页功能才可以。 看代码
复制代码 代码如下:

var comboxContractType = new Ext.form.ComboBox({
name:'logisticsId',
fieldLabel:'物流公司',
displayField:'logisticsName',
valueField:'logisticsId',
emptyText:'请选择',
width:330,
editable:true,
allowBlank:false,
mode:'local',
loadingText:'loading...',
hiddenName:'logisticsId',
//pageSize:10,
selectOnFocus: true,
triggerAction:'all',
store:comboxContractTypeStore = new Ext.data.JsonStore({
url:'/pcms/dictionary/logistics.do?method=findLogistics',
root:'Datas',
totalProperty: 'TotalRecords',
fields:[
{name:'logisticsId', mapping:'logisticsid'},
{name:'logisticsName', mapping:'shortname'}
]
})
});
comboxContractTypeStore.load({params:{start:0,limit:100}});

注意3点:
别设置 PageSize 属性
mode属性设置为local 本地模式
最后要手动将用到的stroe进行load操作. stroe.load();