ExtJs下拉列表宽度自适应
来源:互联网 发布:电视机机顶盒软件下载 编辑:程序博客网 时间:2024/06/06 02:13
在实际项目开发中,有时会遇到一个项目给多个客户用,而客户的需求又不尽相同。
因此在每个项目中都会有一些小小的修改,为了达到更好的兼容性,做了个下拉列表下拉项宽度自适应的案例
代码如下:
其中在页面中必须加上一个空div标签,设其id为mesure。该div中的字体大小就为ExtJs计算长度的参考,如样式中设置了div中的字体大小则计算结果将做相应的增大或减小
/** * 根据下拉列表下拉项中的文字所占宽度来计算下拉项的宽度 * * 重置下拉列表项宽度 * @param combo * @param displayField */function setListWidth(combo, displayField){var data = combo.store.data.items;if(data){var lw = combo.getWidth();var instance = Ext.util.TextMetrics.Instance("mesure");for(var i=0; i<data.length; i++){var itemWidth = instance.getWidth(data[i].data[displayField])+30;if(itemWidth > lw){lw = itemWidth;}}if(combo.list){combo.listWidth = lw;combo.list.setSize(combo.listWidth);combo.innerList.setWidth(lw - combo.list.getFrameWidth('lr'));}}}
0 0
- ExtJs下拉列表宽度自适应
- EXTJS GridPanel自适应宽度
- extjs combobox 仿百度查询功能,设置下拉列表宽度
- 如何让comboxBox的下拉列表宽度自适应内容的宽度
- ExtJs下拉列表框
- extjs下拉列表 联动
- ExtJs下拉列表框
- extjs下拉列表(二)
- Extjs 复选框下拉列表
- Extjs下拉列表树形图
- ExtJs combobox下拉框宽度设置
- delphi自动调整combobox下拉列表宽度
- delphi自动调整combobox下拉列表宽度
- CComboBox设置下拉列表宽度与字符宽度适应
- 关于ExtJs中,下拉列表问题解决
- extjs--form combo下拉列表框
- ExtJS中设置下拉列表不可编辑
- Extjs 下拉列表 重复加载问题
- iOS设计模式之观察者模式
- scope
- 在view上添加一条细线
- CocurrentHashMap和Hashtable的区别
- 《算法导论》笔记 第12章 12.3 插入和删除
- ExtJs下拉列表宽度自适应
- 虚函数解析
- winform截图工具
- 部署FFMPEG 编译环境
- <%@ page isELIgnored="false"%>的作用
- 常见的vc++编译错误
- C和C++的学习历程
- HashMap的工作原理
- Linux sort命令详解