大家应该都知道jscalendar这个日期选择框吧。 当在yui-ext中的dialog使用时,大家应该会想到会发生什么吧。日期选择框在变灰的背景后面。如下图:
大家都应该知道引起这个问题的原因是dialog的z-index比日期选择框的大。ok。我们只要让日期选择框的z-index比dialog还要大就ok。。
修改 calendar.js代码。 让在创建日期选择框的div时加上z-index属性.
Calendar.prototype.create = function (_par) {
var parent = null;
if (! _par) {
// default parent is the document body, in which case we create
// a popup calendar.
parent = document.getElementsByTagName("body")[0];
this.isPopup = true;
} else {
parent = _par;
this.isPopup = false;
}
this.date = this.dateStr ? new Date(this.dateStr) : new Date();
var table = Calendar.createElement("table");
this.table = table;
table.cellSpacing = 0;
table.cellPadding = 0;
table.calendar = this;
Calendar.addEvent(table, "mousedown", Calendar.tableMouseDown);
var div = Calendar.createElement("div");
this.element = div;
div.className = "calendar";
if (this.isPopup) {
div.style.position = "absolute";
div.style.display = "none";
[b]div.style.zIndex = "11111";[/b]
}
div.appendChild(table);
粗体是后面加上的。
改后的效果ok。
分享到:
相关推荐
YUI-EXT使用详解,免费送给大家
YUI-EXT开发学习帮助手册,自己收集网上资料整理的。
我们将讲讲怎么使用Ext,来完成一些JavaScript常见的任务.这是关于Ext的入门教程。
yui-yuidoc-yuidoc-50-529-gc631758
学习YUI.Ext 第四天--对话框Dialog的使用
js混淆 压缩 ant结合yui-compressor
JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools
java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js //压缩CSS java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css 语法: java -jar ...
基于YUI3的dialog组件该组件是基于YUI3开发的,功能强大,详细见http://www.qiqicartoon.com
yui框架集,内含多个demo,yui框架将ajax完美的包装,以及包含基于ajax的各种js组件,让开发人员可以缩短开发时间。
yui compressor 2.4.6 发布日期:2011-04-15 用例: java -jar yuicompressor-2.4.6.jar myfile.js -o myfile-min.js
通用参数: -h, --help 显示帮助信息 --type 指定输入文件的文件类型 --charset 指定读取输入文件使用的编码 --line-break 在指定的列后插入一个 line-bread 符号 -v, --verbose 显示info和warn级别的信息 -o 指定...
前端开源库-yui-compressorYUI压缩机,绑定到YUI压缩机
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
Ajax小部件yui-slideshow
#酒店价格日历 ####基于YUI3开发的价格日历组件 @name:Y.PriceCalendar @requires:['node', 'base-base', 'event-mouseenter']
grunt-yui-compressor-源码.rar
www.extjs.com是从yui-ext发展来的一套ajax控件,在下认为它是当今最好用的js控件库了,非常有学习的价值。 如果没听说过extjs或者对extjs没有兴趣,请不要继续看下去。 extjs是一套完整的富客户端解决方案,也...