精华内容
下载资源
问答
  • jQuery UI的下拉框显示不全解决方法

    千次阅读 2015-03-08 12:23:23
    jQuery UI的下拉框显示不全解决方法 解决前,显示不全,select下拉框某些选项无法看到: $("#cond_EPARCHY_CODE").selectmenu(); </script>
    jQuery UI的下拉框显示不全解决方法

    解决前,显示不全,select下拉框某些选项无法看到:
    <script type="text/javascript">
      $("#cond_EPARCHY_CODE").selectmenu();
    </script>

    解决后:
    <style>
      .overflow { height: 200px; }
    </style>
    
    
    <script type="text/javascript">
      $("#cond_EPARCHY_CODE").selectmenu().selectmenu( "menuWidget" ).addClass( "overflow" );
    </script>

    解决思路:
    1、阅读源代码jquery-ui.js
    2、找到selectmenu的定义
    /*!
     * jQuery UI Selectmenu 1.11.2
     * http://jqueryui.com
     *
     * Copyright 2014 jQuery Foundation and other contributors
     * Released under the MIT license.
     * http://jquery.org/license
     *
     * http://api.jqueryui.com/selectmenu
     */
    var selectmenu = $.widget( "ui.selectmenu", {
      ...
    }
    3、从注释里看到该控件的官网地址,直接访问http://api.jqueryui.com/selectmenu
    4、在该地址网页的最下方找到了解决方案

    总结:多阅读源代码,多看官网。

    本文出自:ouyida3的csdn blog
    2015.3.5
    展开全文
  • 最初发现遇到“IE7中下拉框显示不全”这个问题时,一直以为是由于IE7的浏览器的兼容问题,并未找到这个问题的解决方案。但是开发应用系统过程中,不少用户都反应使用IE7浏览器时,出现下拉框显示不完整的情况。随着...
    最初发现遇到“IE7中下拉框显示不全”这个问题时,一直以为是由于IE7的浏览器的兼容问题,并未找到这个问题的解决方案。但是开发应用系统过程中,不少用户都反应使用IE7浏览器时,出现下拉框显示不完整的情况。随着IE7不断的普及,会有更多的用户遇到同样的问题,所以这个问题必须解决,问题是怎么解决,问题出在哪里?
    查找了几天,查看jsp是否哪里写错了,但是并未找到结果。后来安装了IE7浏览器后,在本地重现了一下,部分下拉框还是出现缺失的现象,我突然发现有的页面下拉框是完整的,而有的页面是缺失的,难道页面有什么区别?我仔细比较了一下完整显示下拉框和缺失显示下拉框的页面,发现它们的区别在于页面声明的部分"<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">",难道是IE7不支持该标签,或者说该标签在IE7浏览器已经过时了?我删除该标签后,验证了一下,确实问题是出在这里。

    在网上收集整理了一些IE6和IE7关于CSS兼容表现的资料
    [color=greens]JSP的DOCTYPE声明说明:
    html
    PUBLIC
    "-// W3C// DTD
    HTML 4.01 Transitional// EN" "http://www.w3.org/TR/html4/loose.dtd">
    (1) (2) (3) (4) (5) (6) (7) (8)

    [Top Element] [Availability] "[Registration]// [Organization]// [Type] [Label]// [Language]" "[URL]">
    (1) (2) (3) (4) (5) (6) (7) (8)

    (1) Top Element: DTD中声明的最顶层元素,例如html。
    (2) Availability: 指示标识符是公共标识符号(PUBLIC)还是系统资源(SYSTEM),例如本地文件、url等。
    (3) Registration: 指示组织是否注册为ISO成员,+表示已经注册为ISO成员,-表示没有注册。W3C没有注册,所以使用-。
    (4) organization: 对于HTML、XHTML而言指维护DTD的组织标识符,W3C。
    (5) Type: Public Text Class,引用对象的类型,对于HTML、XHTML而言为DTD。
    (6) Label: Public Text Description,引用内容的唯一名称描述,Label里面可以包含一个版本号(4.01),可以包含一个Defintion(有三种Definition: Frameset, Strict, Transitional,下面会描述)。
    (7) Language: 语言代码。
    (8) URL: 引用DTD的url。
    各个浏览器对HTML、CSS的处理,在细节上存在很多差异,为了向W3C标准靠近,并且HTML、CSS的标准也在不断的发展,因此同一个浏览器的不同版本之间,也会存在细节处理上的不一致性。现在浏览器使用DOCTYPE声明来决定该使用那种模式处理HTML、CSS,通常提到的有standards mode(标准模式,strict Mode)和quirks mode(兼容模式compliant mode)。标准模式指浏览器采用尽量靠近目前W3C规范的方式,支持目前版本的HTML、XHTML、CSS规范;兼容模式指浏览器按照以前的老版本的方式处理,以兼容那些旧版本的web应用。另外需要注意的是,虽然目前主要的浏览器都支持这两种模式,但都有差别,例如Firefox除了上面两种模式外,还有一个almost standards mode。
    下面是HTML 4.01的DTD,分别为Strict, Transitional, Frameset

    IE 6 CSS增强、IE 7 CSS兼容性
    References: Cascading Style Sheet Compatibility in Internet Explorer 7、 CSS Enhancements in Internet Explorer 6
    Label中的Definition三种类型:Frameset,支持FRAMESET文档;Transitional,支持除了FRAMESET以外其它所有元素;Strict,不支持W3C准备淘汰的元素、属性。这种描述有点让人糊涂,也无法跟标准standards mode、quirks mode对应上,至于具体的定义可以参考W3C标准。

    下面这个表格是比较有用的:
    Label Definition URL present URL not present
    No !DOCTYPE present Off Off
    HTML (No Version Present) Off Off
    HTML 2.0 Off Off
    HTML 3.0 Off Off
    HTML 3.2 Off Off
    HTML 4.0 No Definition Present On On
    HTML 4.0 Frameset On Off
    HTML 4.0 Transitional On Off
    HTML 4.0 Strict On On
    XHTML On On
    XML On On
    Unrecognized !DOCTYPE On On


    其中On表示使用strict mode(standards mode),Off表示使用compliant mode(quirks mode)。URL present/URL not present表示DTD文档的url是否有在DOCTYPE中声明;Definition为空或者No Definition Present表示Definition没有定义。从IE 6开始支持这两种模式的切换,在strict mode下,IE尽量保持与W3C标准一致,而compliant mode下,IE将保持与以前的IE版本兼容。用这个表格,对照1中几种DOCTYPE可以知道,只有在strict mode下,IE 7才支持filter:progid:DXImageTransform.Microsoft.Alpha这个滤镜。让人奇怪的是,也只有在strict mode下,IE 7才支持filter: alpha(opacity=60),compliant mode下是不支持的,而这个写法是针对IE 5.5之前版本的。
    在strict mode下面,两个比较重要的差异点:
    a) Box的height、width计算问题


    CSS标准中,width、height指图中Content的宽度、高度,而IE在计算宽度、高度时,将包括padding、border[/color]
    展开全文
  • pyqt 动态增加 下拉框 标签 显示不全

    千次阅读 2016-06-10 00:12:13
    pyqt 动态增加 下拉框 标签 显示不全
    pyqt实现下拉框 和 标签 显示内容不被 UI剪掉,能完整显示的代码如下:
    
    
    label_3 = QtGui.QLabel(mainwin)
    txt = "1111111111111111111111111111000009999999999999999999999999999999999999999999999"
    metrics = QFontMetrics(label_3.font())
    w = metrics.width(txt)
    label_3.setGeometry(QtCore.QRect(20, 20, w, 80))
    label_3.setObjectName(_fromUtf8("label_3"))
    label_3.setText(_translate("MainWindow", txt, None))
    
    
    l = ['123' , '3451111111111111', '1111111111', '0000000000000', '123']
    comboBox_2 = QtGui.QComboBox(mainwin)
    txt = (max(l, key=len))
    metrics = QFontMetrics(comboBox_2.font())
    w = metrics.width(txt)
    comboBox_2.setGeometry(QtCore.QRect(80, 5, 20, 20))
    comboBox_2.setMinimumWidth(w)
    
    comboBox_2.setObjectName(_fromUtf8("comboBox_2"))
    comboBox_2.addItems(l)
    comboBox_2.setSizeAdjustPolicy(QtGui.QComboBox.AdjustToContents)



    不过QT5貌似有bug,见 https://forum.qt.io/topic/25859/how-can-i-increase-the-size-of-the-drop-down-list-of-a-qcombobox/8

    
    
    
    
    展开全文
  • HTML中的select下拉框内容显示不全的解决办法
                   

    HTML中的select下拉框内容显示不全的解决办法


           今天,我遇到这样一个问题:查询栏中的下拉框中的内容过长,导致部分被覆盖了。

           查询了一些资料,有的说用函数控制,有的说用事件控制,有的看不懂,有的实现起来太复杂了。后来,问了一下同事,有没有一些简单的方法,他告诉我在option中加title这个属性,于是按照他的方法试试,终于发现这个办法可行。这样,我就想记录下来,避免自己给忘记了。


    1、具体实例如下

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>HTML中的select下拉框内容显示不全的解决办法</title><style type="text/css">   #area option{    width:140px;   }</style></head><body style="width:80%; height:100px; text-align:center;">   <div id="div_select">       <label for="area">字母:</label>       <select id="area" name="area" style="width:150px;">           <option value="0">全部</option>           <option value="1" title="AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</option>           <option value="2" title="BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB">BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</option>           <option value="3" title="CCCCCCCCCCCCCCCCCCCCCCCCCCCCCC">CCCCCCCCCCCCCCCCCCCCCCCCCCCCCC</option>           <option value="4" title="DDDDDDDDDDDDDDDDDDDDDDDDDDDDDD">DDDDDDDDDDDDDDDDDDDDDDDDDDDDDD</option>           <option value="5" title="EEEEEEEEEEEEEEEEEEEEEEEEEEEEEE">EEEEEEEEEEEEEEEEEEEEEEEEEEEEEE</option>           <option value="6" title="FFFFFFFFFFFFFFFFFFFFFFFFFFFFFF">FFFFFFFFFFFFFFFFFFFFFFFFFFFFFF</option>           <option value="7" title="GGGGGGGGGGGGGGGGGGGGGGGGGGGGGG">GGGGGGGGGGGGGGGGGGGGGGGGGGGGGG</option>           <option value="8" title="HHHHHHHHHHHHHHHHHHHHHHHHHHHHHH">HHHHHHHHHHHHHHHHHHHHHHHHHHHHHH</option>           <option value="9" title="IIIIIIIIIIIIIIIIIIIIIIIIIIIIII">IIIIIIIIIIIIIIIIIIIIIIIIIIIIII</option>       </select>   </div></body></html>

    2、实例结果



    3、动态数据

    <div id="div_select">       <label for="area">省份:</label>       <select id="area" name="area" style="width:150px;">           <option value="0">全部</option>           <c:forEach items="${list}" var="area">                 <option value="${area.areaCode}" title="${area.areaName}">${area.areaName}</option>           </c:forEach>       </select></div>





               

    再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

    展开全文
  • 重载CCombbox类
  • 解决下拉框内容显示不全问题

    千次阅读 2012-10-06 09:17:20
    //根据下拉框内容调整下拉框宽度 , 如果下拉框内容超出11个汉字,宽度改成:auto  function fnOnOverSelect(selObj){   var isOutOfWidth = false;   for(var i=0; i  if(selObj.options[i
  • HTML中的select下拉框中的内容过长,导致部分被覆盖了,试了各种方法,都没有头绪,最终在option中加title这个属性,发现问题迎刃而解
  • 老项目要维护一个功能,页面的下拉框为了显示美观,宽度都固定了,导致一些长文本显示不全。要求IE6及其以上版本、火狐兼容,不能破坏原来布局。 本来用的是title属性,效果好修改简单,可惜破IE6不支持option的...
  • 不少时候在页面中为了布局的需要,下拉列表select的宽度需要设成比较小的,这时如果恰巧它包含的选择项option的内容比较长,那么超出select宽度的部分将会被截断,如果option显示的内容又比较重要,必须完整地展现...
  • 1.select选择框内的value值数据过长而显示不全,从而影响界面显示 2.此时需要的需求展示是,鼠标置于其上,能够全部显示出来 可对select设置title后即可完成 新效果截图为: ...
  • winform自定义ComboBox,用于下拉框内容多显示不全问题。 在OnDropDown事件中,改变DropDownWidth。 public class CustomerCombox : ComboBox { protected override void OnDropDown(EventArgs e) { base....
  • ![图片说明]... 代码如下 ... style="width: 165px;... ${pagers2.datas}" var="b" varStatus="l"> ...有什么办法可以解决呢,下拉框怎么把所有数据显示出来
  • 1、问题:通过下拉框进行查询时,查询出来的数据显示不全,或者是显示的数据是没有根据条 件查询的。 需要检查的地方: • 检查在拼接条件的时候是否正确 • 检查SQL语句是否有写正确 如下图是查询的结果: 其是想...
  • JavaScript解决select下拉框中的内容太长显示不全的问题 1、说明  有些情况下,select下拉框的内容过长,导致部分看不见;  现在通过鼠标事件,让下拉框中的内容显示完全 2、实现源码 JavaScript解决...
  • 查询了一些资料,有的说用函数控制,有的说用事件控制,有的看懂,有的实现起来太复杂了。后来,问了一下同事,有没有一些简单的方法,他告诉我在option中加title这个属性,于是按照他的方法试试,终于发现这个...
  • jQuery解决IE 6/7/8 BUG:下拉框select设宽度时option超出显示不全,经过修改效果还不错,遇到类似情况的朋友可以参考下哈
  • 手机上下拉框select中的文字显示不全 <select dir="rtl"> <option >建设银行</option> <option >工商银行</option> <option >中国工商银行股份有限公司北京通州支行...
  • //给select添加长度,体验稍佳 jQuery(function ($) { var el; $("select").each(function () { el = $(this); el.data("origWidth", el.css("width")); }).focusin(function () { el =...

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 150
精华内容 60
关键字:

下拉框显示不全