ext下拉框，选中每一项带提示功能

最新推荐文章于 2013-09-26 15:00:40 发布

iteye_3851

最新推荐文章于 2013-09-26 15:00:40 发布

阅读量195

点赞数

CC 4.0 BY-SA版权

文章标签： EXT ITeye

本文链接：https://blog.youkuaiyun.com/iteye_3851/article/details/82044319

本文介绍如何在ExtJS框架中使用ComboBox组件并为其添加自定义提示功能。通过设置tpl属性，可以实现在选择列表项时显示特定提示信息的效果。需要注意的是，用于提示的字段需与displayField设置的字段相匹配。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


acceptManager_province = new Ext.form.ComboBox({
        renderTo :'province',
        store : storeProvince,          //为用户名称填充数据
        valueField : 'value',
        displayField : 'province',
        fieldLabel : accept_manager_province,
        typeAhead : true,
        mode : 'local',
        forceSelection : true,
        triggerAction : 'all',
        emptyText : accept_manager_province_emptyText,
        selectOnFocus : true,
        width:100,
        [color=red]tpl: '<tpl for="."><div ext:qtip="{province}" class="x-combo-list-item">{province}</div></tpl>'[/color]

只需加标红的就可以到达选中每一项带提示功能。
值得注意的是标红的province必须得与displayField的值相同
[img]http://www.iteye.com/images/smiles/icon_razz.gif[/img]
想要要提示功能，还得有个前提得在Ext.onReady(function()里的第一句话加上Ext.QuickTips.init();