EXTJS2.2中输入框边框显示不完整解决思路,一级解决办法。

简介: 同事在使用ExtJs时发现如下Bug:表单当中的元素,出现文本框参差不齐,有的没有边框等,不美观;输入框显示不完整,抓狂。分析步骤及解决思路如下:   1.使用IE的F12功能,获取生成的输入框HTML脚本,关键点脚本如下。<pre><br><DIV style="PADDING-LEFT: 15px;background:blue" class=x-form

同事在使用ExtJs时发现如下Bug:表单当中的元素,出现文本框参差不齐,有的没有边框等,不美观;输入框显示不完整,抓狂。


分析步骤及解决思路如下:

   1.使用IE的F12功能,获取生成的输入框HTML脚本,关键点脚本如下。
<pre>
<br>
<DIV style="PADDING-LEFT: 15px;background:blue" class=x-form-element>
<INPUT class="x-form-text">
</DIV>
</pre>
    发现此输入框会被上层的div遮挡住部分。
   2.将此HTML脚本,放到EXT2.2、2.3、3.4版本中使用各版本不同的样式表进行测试,是否有修正
   3.观察到3.4版本已经修正。
   4.比对2.2和3.4版本的关于form.css的差异,并合并对于x-form-text的描述。
关键点样式:
<pre>
.ext-ie .x-form-text {
   /*
    margin:-1px 0px;  ie bogus margin bug
    该代码将部分影响到页面中输入框显示不完整
    */
    margin:0px 0px;
    height:22px; /* ie quirks */
    line-height:18px;
}
</pre>

    经过修改后,在Windows2003+Ie8环境下一级Win7+Ie9环境下样式显示正常。
相关文章
|
存储 Kubernetes 数据安全/隐私保护
k8s对接ceph集群的分布式文件系统CephFS
文章介绍了如何在Kubernetes集群中使用CephFS作为持久化存储,包括通过secretFile和secretRef两种方式进行认证和配置。
524 5
|
监控 前端开发 Java
Spring Cloud实战小贴士:Feign的继承特性(伪RPC模式)
Spring Cloud实战小贴士:Feign的继承特性(伪RPC模式)
265 0
|
监控 Shell Python
|
SQL
Open SQL:7)动态WHERE条件内表
Open SQL能够动态定义WHERE条件。如下:     [For Example]    DATA: WHERE_TAB TYPE TABLE OF EDPLINE.    DATA: DT_SCUSTOM LIKE STANDARD TABLE OF SCUSTOM WITH HEADER LINE.
924 0
|
3天前
|
云安全 数据采集 人工智能
古茗联名引爆全网,阿里云三层防护助力对抗黑产
阿里云三层校验+风险识别,为古茗每一杯奶茶保驾护航!
古茗联名引爆全网,阿里云三层防护助力对抗黑产
|
3天前
|
存储 机器学习/深度学习 人工智能
大模型微调技术:LoRA原理与实践
本文深入解析大语言模型微调中的关键技术——低秩自适应(LoRA)。通过分析全参数微调的计算瓶颈,详细阐述LoRA的数学原理、实现机制和优势特点。文章包含完整的PyTorch实现代码、性能对比实验以及实际应用场景,为开发者提供高效微调大模型的实践指南。
499 1