ExtJs4学习笔记(七) ComboBox扩展之百度搜索栏

最新推荐文章于 2022-09-17 11:42:03 发布

akrions

最新推荐文章于 2022-09-17 11:42:03 发布

阅读量1.8k

点赞数

分类专栏： ExtJs4学习笔记文章标签： extjs4 web 扩展 combobox 百度

本文链接：https://blog.csdn.net/u014677625/article/details/30728489

版权

这篇博客介绍了如何在ExtJs4中扩展ComboBox组件，实现根据拼音进行搜索的功能。虽然具体的拼音到汉字转换依赖后台处理，但作者建议在录入信息时同时录入拼音缩写，以避免多音字造成的查询困扰。文章涵盖了表现层、store和model的实现细节。

摘要由CSDN通过智能技术生成

功能

根据拼音将所有符合该拼音的此列出来，并提供选择功能。在下面的实现中，如何根据拼音来显示对应的汉字是交由后台处理的。后台通过request请求获得客户前台输入的拼音.具体后台实现就不贴了。

在这里提供一个建议，我在做的时候并非是根据拼音动态的去查找响应的汉字，我必须要求客户在录入信息的时候还要录入相应的汉字拼音缩写。原因是多音字会对查询造成影响。而多音字的字库网上没有一个比较全的。所有还是建议由客户区输入。一般需要这种查询的地方也很少。

实现
- 表现层

{
                    xtype: 'combobox',
                    width: 260, //combo宽度
                    fieldLabel: '拼音', //字段名称
                    labelAlign: 'right', //对齐方式
                    name: 'drugId',//表单提交后的真实值，形如（drug:'d001'）
                    displayField: 'text',//显示的文本值
                    store: drugStore, //每次请求的store
                    allowBlank: false, //是否可以为空
                    matchFieldWidth: false,下拉选择器(picker)的宽度是否要准确地和表单项的宽度一致。false会根据内容自动拉伸