解决Ext.form.DateField在浏览器中显示可能有问题

解决Ext.form.DateField在浏览器中显示可能有问题,界面将会拉的很长很长。如下图:

解决Ext.form.DateField在浏览器中显示可能有问题
 办法:

1:设置css的长度

  1. .x-date-menu {
  2. padding-top:2px;padding-bottom:2px;
  3. width:178px; //chrome下  自已设置适合宽度
  4. }

2: 操作dom:

  1. Ext.override(Ext.menu.DateMenu,{
  2. render : function(){
  3. Ext.menu.DateMenu.superclass.render.call(this);
  4. if(Ext.isGecko|| Ext.isSafari||Ext.isChrome){
  5. this.picker.el.dom.childNodes[0].style.width = '178px';
  6. this.picker.el.dom.style.width = '178px';
  7. }
  8. }
  9. });

问题2 :
解决Ext.form.DateField在浏览器中显示可能有问题
 确定和取消按钮没显示完全

解决:改css

  1. .x-date-mp-btns button{
  2. text-decoration:none;text-align:center;
  3. text-decoration:none!important;border:1px solid;padding:1px 3px 1px;
  4. cursor:pointer;
  5. width:35px;
  6. height:20px;
  7. }

问题3:

解决Ext.form.DateField在浏览器中显示可能有问题
 在chrome下月份和年选择不了,点击没反应,在firefox下 点击后 下拉出现后马上就消失了。

原因: 使用了ux-all.css,或者使用了GridFilter.css 里面的冲突了

  1. li.x-menu-list-item div {
  2. display: inline;
  3. }

解决: 暂时删除 display:inline;

参考:http://*.com/questions/6410894/extjs-cant-select-month-year-in-datepicker

上一篇:输出JS代码中的变量内容


下一篇:设置float之后vertical-align失效