Ext DateField 控件的日期选择控件DatePicker 布局 显示异常问题
来源:互联网 发布:舆情监测软件 编辑:程序博客网 时间:2024/05/16 01:29
最近为实现客户的界面需求,在项目中引入了部分Ext控件。在使用日期选择控件时,发现打开日期选择面板后宽度超长,致使页面拉伸,不能正常。
分析:逐步分析代码,发现可能是系统中原来定义的默认table样式(默认width:100%)造成的,但此默认样式在以前的页面中广泛使用,不能修改。
解决:查找Ext样式文件,发现有部分样式注释为/* Date Picker */,估计是日期选择面板的样式相关,但尝试修改未成功,不多费力气了。
根据此注释,估计Ext中日期选择面板名为picker或DatePicker。
在ext-all.js中搜索picker,果然找到Ext.DatePicker,其代码中有DatePicker的HTML代码
其中第一句为<table cellspacing="0">
在CSS文件中为DatePicker新定义一个样式
.ExtDatePickerTable{width:30}(宽度设为一个小点的的数字即可,DatePicker里用图片填充,宽度不足会自动撑大)
将上面Html改为<table class="ExtDatePickerTable" cellspacing="0">
重新打开测试页面,问题解决
- Ext DateField 控件的日期选择控件DatePicker 布局 显示异常问题
- 日期选择控件 (DatePicker)
- 日期选择控件-DatePicker
- Ext DateField 控件赋值问题,
- Ext DateField控件 - 只选择年月
- Ext DateField控件 - 只选择年月
- Ext DateField控件 - 只选择年月
- Flex4 DateField自定义的日期选择控件,可选择时分秒
- Flex4 DateField自定义的日期选择控件,可选择时分秒
- Flex4 DateField自定义的日期选择控件,可选择时分秒
- android 日期选择控件 DatePicker
- ext DateField控件格式
- ext DateField控件格式
- DateField绑定日期控件
- DatePicker(日期选择自定义服务器控件)的实现
- 发现一个不错的 日期选择控件 My97 DatePicker
- DatePicker - 基于jQuery 1.7的日期选择控件
- UWP 使用日期选择控件DatePicker时的注意事项
- vc下的Error executing cl.exe 错误问题
- 内存(RAM或ROM)和FLASH存储的真正区别总结(摘)
- Linux shell的优点和缺点
- 重看Windows和C++
- 探讨下一步的网游(一)技术变革将终结有端无端之争
- Ext DateField 控件的日期选择控件DatePicker 布局 显示异常问题
- DataTable 修改列名 删除列名 调整列名 列顺序
- HBase中关于中文的处理
- 排序算法五例
- ACM中Java的应用
- oracle归档模式
- 飞鸽传书要有强烈的成本意识
- 共享DLL中的数据
- J2ME开发环境搭建 之 Sun WTK