如何解决列表框控件宽度不够的问题
2009-06-12 00:43
302 查看
该篇文章是我于2009年6月10日通过自己编写的工具,批量从位于在博客园的博客站点(http://chenxizhang.cnblogs.com)同步而来。文章中的图片地址仍然是链接到博客园的。特此说明!陈希章原文地址:http://www.cnblogs.com/chenxizhang/archive/2008/07/29/1255411.html原文标题:如何解决列表框控件宽度不够的问题 原文发表:2008/7/29 3:14:00 |
我们分别以windows程序和web程序为例来讲解(前提是,组合框的宽度不允许放大)
下面这个图演示了如果列表项的文本宽度不大于控件宽度时的样子,这是正常的
下面这个图演示了如果列表项的文本宽度大于控件宽度时的样子,这时会有一部分文本是看不到的
那么如何解决这个问题呢?我们一般比较简单的做法是设置控件的一个特殊的属性:DropDownWidth,例如
这样的话,再运行窗口的时候,就看到了如下的效果
根据经验,我们觉得实现了如上效果,绝大多数情况下用户能感觉到更加舒适。但是同样的需求,换到web程序里面就没有那么简单了,因为web页面到了客户端浏览器的时候全部是HTML标记。而且也找不到那个所谓的DropdownWidth属性了。
比较好的思路是用Tooltip来帮助用户了解到当前这一行的全部内容。 第一步:把下面的脚本,保存为一个js文件,例如DropdownTooltip.js,你可以选择放在网站任意目录下,我们这里是把它放在根目录下 window.onload = showdropitem;
function showdropitem()
{
var el = document.getElementsByTagName("select");
for(i=0;i第二步:在需要该效果的页面的HEAD里面添加以下引用
无标题页
然后,你就可以看到下面这样的效果
作者:陈希章 出处:http://blog.csdn.net/chen_xizhang 本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 |
相关文章推荐
- 如何解决列表框控件宽度不够的问题
- 一起谈.NET技术,如何解决“呈现控件时出错”的问题
- 如何解决一些控件无法运行在高版本的Chrome下运行的问题
- 绝对酷,如何解决asp.net中javascript脚本的问题(使用服务器控件执行客户端脚本)
- 如何解决IE,FF的div宽度兼容问题?
- 解决了CListCtrl控件当字体改变后,自动调整每行的宽度的问题.
- 终于解决了一个问题--如何在数据绑定时不让combox控件触发SelectedIndexChanged事件
- 如何解决软键盘干扰挤压布局控件的问题
- 如何让DIV层盖住下拉列表框? 问题解决方案
- Android自定义TextView根据控件高度和宽度,解决字体适配问题
- 如何解决CRichEditCtrl控件在显示中文时的选择位问题
- 如何解决“呈现控件时出错”的问题
- 如何解决“呈现控件时出错”的问题
- 如何解决“呈现控件时出错”的问题
- 用tip解决Ext列宽度不够的问题
- Android Studio该如何导入别人的开源库到自己的项目中并使用库中的控件,网上找过方法但是并不能搞定,希望实际问题 实际解决,拯救我这个傻瓜
- 如何解决“呈现控件时出错”的问题(转)
- .net关于如何给用户控件传值问题解决
- 关于解决DockManager如何停靠在其他布局控件问题
- 如何解决Android eclipse 使用RecyclerView和CardView控件时报错问题