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

看代码


代码如下:

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();

赞 (0)

相关推荐

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

    看代码 复制代码 代码如下: var comboxContractType = new Ext.form.ComboBox({ name:'logisticsId', fieldLabel:'物流公司', displayField:'logisticsName', valueField:'logisticsId', emptyText:'请选择', width:330, editable:true, allowBlank:false, mode:'local', loadingText:'loa

  • bootstrap table之通用方法（ 时间控件，导出，动态下拉框， 表单验证 ，选中与获取信息）代码分享

    1.bootstrap-table 单击单行选中 $('#gzrwTable').on('click-row.bs.table', function(e, row, $element) { $('.success').removeClass('success');// 清除前一次操作已选中行的选中状态 $($element).addClass('success');// 选中行添加选中状态 }); 2.bootstrap-table 获取选中行信息 function getSelectedRow

  • ASP.NET中DropDownList下拉框列表控件绑定数据的4种方法

    DropDownList Web 服务器控件使用户能够从预定义的列表中选择一项.它与 ListBox Web 服务器控件的不同之处在于,其项列表在用户单击下拉按钮之前一直处于隐藏状态.另外,DropDownList 控件与 ListBox 控件的不同之处还在于它不支持多重选择模式. DropDownList在html中的呈现对应的是select,下面让我们来看一下DropDownList绑定数据的几种方法. 一.把Array数组绑到DropDownList 复制代码 代码如下: string[]

  • Android使用Spinner实现城市级联下拉框

    Android使用Spinner实现城市级联下拉框

    最近写一个使用Spinner实现城市级联下拉框的Dome,现在总结一下,第一次写博客,互相学习. activity_main.xml里面有三个Spinner <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_

  • 解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题

    1.创建vue项目 2.使用vant组件 npm install vant --S 全局引用时在main.js引入 import Vant from 'vant'; import 'vant/lib/index.css'; Vue.use(Vant); 假如你引入之后发现页面的样式和组件都挂载了,但是console控制台会报错,说xxxx组件没有register,这个时候很有可能是你的vant插件版本有问题,重新下载一个最新的vant就可以了,现在是2.6.0版本 好,接下来继续 在需要使用下拉

  • antd多选下拉框一行展示的实现方式

    我们都知道antd的select多选时,如果下拉框宽度不足,则自动浮动到下一行将下拉框撑大,但是这回影响到页面的整体布局. 我们期望的效果是,下拉框只显示一行的值,超出一行的部分自动隐藏. 下面有2种方案来实现这个效果. 1.利用浮动原理 设置下拉框的最大高度为一行的高度,然后超出的部分隐藏. .ant-select-selection--multiple { max-height: 32px; overflow: hidden; } 这种方式存在的弊端是如果有2个选项,一个很短一个很长,那么只

  • python+selenium操作下拉框

    python+selenium操作下拉框

    以该网站为例:https://www.17sucai.com/pins/demo-show?id=5926 该网页下存在多个可供测试的下拉框. 基本脚手架代码: from selenium.webdriver.support.ui import Select from selenium import webdriver import time driver = webdriver.Chrome() driver.get('https://www.17sucai.com/pins/demo-sho

  • js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标

    js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标

    引言 前段时间发了一个编辑器的插件,忙完后自己再次进行了详细的测试,然后心里冒出一句:"这谁写的这么奇葩的插件?完全没什么luan用啊!" 自己做了让自己不满意的事,咋整?男人不怕累,花了时间重写(为世界上所有像我一样勤劳的男人点赞)~ 思维导图 在小生看来,在开发每一个新功能的时候都应该做到心中有一张思维导图:功能实现逻辑和实现功能大致的方法.当然我们不可能在还没动手 前就考虑得面面俱到,但在正式开发之前心里对整个流程有个清晰的印象肯定会让我们在动手时愈加流畅(喝口娃哈哈美滋滋,看图

  • Layui带搜索的下拉框的使用以及动态数据绑定方法

    说起下拉框大家一定不陌生,就是放着指定内容的容器需要什么就直接选择就可以了,很方便.但是凡事都有利弊两面,在数据少的时候是挺方便的但是数据一多起来就选得用户头昏眼花,影响用户体验.所以就有了带查询的下拉框出现,这个下拉框的功能很强大,结合了输入框和下拉框为一体,既可以进行模糊查询,又可以直接选择,比以前的下拉框更加方便了.今天要介绍的就是layui的form表单组件里的带查询的下拉框. 用任何插件都需要引用相应的css文件和js文件,在这就不多说了.但layui的form表单组件不仅要引用插件还

  • Vue下拉框双向联动效果的示例代码

    一.前言 在开发前端页面的时候,常常需要写下拉框,普通常见的下拉框有在页面写死固定值的下拉框,有通过调用后台接口服务而获取的值列表等.无论是原始的jsp页面html页面等,还是现在流行的vue angluar.js等,逻辑都是一样.本文讲解VUE页面中,多个下拉框如何实现双向联动效果. 二.代码示例 2.1 在vue页面的<el-form 表单里填充两个<el-col :span="12">选项,分别为选项A和选项B,如下所示: <el-col :span=&q

随机推荐