大家应该都知道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。
分享到:
相关推荐
4. **表单(Forms)**:YUI-EXT提供了丰富的表单组件,如文本框、选择框、复选框、下拉列表等,同时支持表单验证和数据提交,方便构建交互性强的表单应用。 5. **Ajax交互(Ajax Interactions)**:YUI-EXT集成了...
YUI-EXT开发学习帮助手册,自己收集网上资料整理的。
我们将讲讲怎么使用Ext,来完成一些JavaScript常见的任务.这是关于Ext的入门教程。
上述代码中,你需要替换`path/to/`为实际存放YUI库及YUI-Ext库的具体路径。 2. **加载CSS样式文件** ```html <link rel="stylesheet" type="text/css" href="path/to/YUI-Ext/css/file"> ``` 这里列出了一些...
【描述】"yui-yuidoc-yuidoc-50-529-gc631758" 没有提供具体的描述信息,但我们可以推测这可能表示 YUIDoc 在版本 50 和 529 之间的某个迭代,具体是 gc631758 这个 Git commit(版本控制中的一个唯一标识符)。...
在YUI3中,首先需要通过`YUI().use()`方法加载Dialog相关的模块,例如: ```javascript YUI().use('dialog', function(Y) { // 在这里编写Dialog的代码 }); ``` 然后可以创建Dialog实例,指定其内容和属性: ```...
js混淆 压缩 ant结合yui-compressor
JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools
在Gruntfile.js中,开发者需要配置grunt-yui-compressor插件,指定待压缩的文件、输出目录以及压缩选项。例如: ```javascript grunt.initConfig({ yui_css: { options: { linebreakpos: -1 // 表示不设置换行...
在"YUI-ajax框架开发文档"中,我们可以深入探讨YUI如何通过其Ajax组件实现异步数据通信。 YUI中的Ajax框架主要由`YAHOO.util.Connect`和`YAHOO.widget.DataSource`两个关键部分组成。`YAHOO.util.Connect`是YUI的...
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 ...
要在Maven项目中使用`yuicompressor-maven-plugin`,首先需要在项目的`pom.xml`文件中添加插件配置。以下是一个基本配置示例: ```xml ... ... <groupId>net.alchim31.maven</groupId> <artifactId>yui...
{"text":"yui-ext.js","id":"/yui-ext.js","leaf":true,"cls":"file"}, ... ] ``` 3. **服务器端JSON生成**: 在服务器端,如ASP JScript,可以编写代码来生成上述JSON格式的数据。这通常涉及到数据库查询,将...
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_ext 学习笔记】 Yui_ext 是基于 Yahoo! UI Library (YUI) 的扩展,主要用于构建富客户端的 Web 应用程序。这篇学习笔记主要介绍了 Yui_ext 的基础知识,适合对 JavaScript 和 HTML DOM 有一定了解的初学者。 ...
在YUI中,`yui-slideshow`是一款基于Ajax的幻灯片展示组件,能够帮助开发者轻松创建出交互式的图片或内容轮播效果。 **一、YUI Slideshow的核心特性** 1. **异步加载**:YUI Slideshow支持动态加载内容,可以使用...
npm install yui-compressor ``` 安装完成后,可以使用以下命令对JavaScript或CSS文件进行压缩: ```bash java -jar path/to/yuicompressor.jar --type js input.js -o output.min.js java -jar path/to/yui...