问题标签 [yui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
945 浏览

yui - 为什么 YUI 菜单等待我的页面图像加载?

编辑:这是 jQuery 1.3.1 中已确认的错误。它在 jQuery 1.3.2 中得到修复。


我有一个与此示例完全相同的 YUI 菜单控件,顶部有子菜单。

我尝试使用雅虎的代码来初始化菜单:

我发现包含需要时间加载的图像的页面存在问题。

我注意到标题会立即出现(通信/购物/娱乐),但是在加载所有图像之前不会出现指示有子项目的小箭头。

我觉得这很奇怪。我什至尝试将代码切换到 JQuery 以查看是否会在图像加载完成之前进行初始化(这就是$(function()我认为应该做的)。

令我惊讶的是,我仍然有同样的问题。在整个页面加载之前,菜单不会初始化。

这绝对是正在等待的图像。

注意:此问题仅存在于 Internet Explorer 中。Firefox 似乎在加载图像之前引发了这个 onContentReady 事件。

我可以解决这个问题吗?


编辑:这是 jQuery 1.3.1 中已确认的错误。它在 jQuery 1.3.2 中得到修复。

0 投票
6 回答
4042 浏览

css - YUI grids.css 真的那么灵活吗?

雅虎的 YUI 项目有一些非常棒的、经过良好测试的组件,我刚刚开始将它们集成到我的(固定宽度)站点中。我实际上非常兴奋——我已经有一段时间远离面向消费者的网站创建了,看到过去几年的发展让我很开心。

非常喜欢 YUI 组件和 reset.css - 我认为我使用Yahoo YUI grids.css是不费吹灰之力的。事实上,他们说自己卖得很好:

“结合页面宽度、模板预设和嵌套网格,可以实现几乎无限数量的复杂页面布局”

(来自上面的 grids.css 链接)

但是,我正在尝试做一些非常简单的 3 列布局,但似乎无法做一些基本的事情——在如何做这些事情的文档中也找不到很好的解释。

例如:

  • 我可以更改列之间的排水沟吗?
  • 将 1/2、2/3、1/4 类型的布局相互嵌套非常容易,但我可以嵌套yui-t1模板吗?
    • (我确实获得了有限的成功嵌套yui-t1选择器,但最终有多个 div 具有相同的 id,这让我相信我做错了什么。

我的网站更多地是“设计驱动”——也就是说,有一个需要制作成页面的 Photoshop 标记。

到目前为止,我的印象是 YUI Grid 适用于更多“内容驱动”的网站,在这些网站中,您可以获得诸如新闻之类的内容,而这些内容不一定必须适合精确的设计。这是一个公平的说法 - 还是我错过了使用 grids.css 的一些魔术?

我是否更适合使用具有固定定位的替代网格?


YUI 的替代品 - 如另一个 stackoverflow 帖子中所提供

0 投票
2 回答
2800 浏览

asp.net-mvc - 用于 YUI 控件(雅虎用户界面)的 ASP.NET MVC HtmlHelper 扩展?

有没有人为 MVC 编写过任何HTMLHelper 类来帮助Yahoo 的用户界面库

例如,我编写了一个辅助方法来将“菜单模型”转换为支持Yahoo Menu Control所需的 HTML 标记。MVC 模式在这里工作得很好,因为很明显,如果我选择切换到不同的菜单实现,我可以只编写一个新的帮助程序而不接触模型。

此代码适用于我,但尚未经过全面测试,欢迎您使用它。

首先,我们需要菜单模型本身的简单数据结构。您可以使用正常的 MVC 约定将其添加到您的页面模型中。例如,我通过ViewData.Model.MainMenu.MenuOptions.

扩展方法。放入您的视图可访问的命名空间。

将此代码粘贴到您要在视图中生成菜单的位置(我在母版页中有此代码):

如果你很懒惰,或者不了解 YUI,你也需要这个<HEAD>

这目前为顶部导航样式导航栏生成标记- 但可以轻松修改。

我希望其他人对其他一些控件也做同样的事情。

似乎是一个开源项目的好候选人——但我没有时间开始。

欢迎实施咨询!

0 投票
4 回答
2721 浏览

javascript - 选择 YUI 还是 jQuery 会影响 .js 文件的整体设计吗?

在 jquery 或 YUI 之间进行选择会改变您的 .js 文件的整体/高级设计,还是由于框架 API 的差异,它实际上只会成为您的 js 函数的内部工作?(即您如何访问/遍历 DOM、选择器、内置函数、触发事件等)

0 投票
2 回答
697 浏览

ruby-on-rails - Rails 路由

我在 Rails 上建立了一个新门户,可以这样访问:https ://xyz.com

这样做的问题是:1.) 它有 2 个选项卡——“ShipmentInfo”、“Aging Shipments Dashboard”都使用实现

2.) 当我点击“Aging Shipments Dashboard”选项卡时 – url 应该是 – https://xyz.com/#tab2但你只能看到https://xyz.com。我认为这是因为 Tabs 的客户端实现。

3.) 在我单击该选项卡中的“当前摘要”按钮后,我得到了相应的结果,但不是向我显示设置为“Aging Shipments Dashboard”的活动选项卡,而是始终设置为“ShipmentInfo”选项卡。

如何将 activeTab 设置为将结果获取到已发出请求的相应选项卡?所有表单请求都使用 GET 方法。

或者有没有一种方法可以让我在 routes.rb 中明确提及,基于 activeTab 应该设置为“Aging Shipments Dashboard”的参数?

谢谢,拉贾。

0 投票
1 回答
1615 浏览

popup - 如何在 YUI 中显示来自外部文件的弹出窗口?

我开始在我的应用程序中使用YUIContainer 控件来显示消息框弹出窗口和其他对话框。

我不清楚创建源自外部 HTML 文件的弹出窗口的推荐/最干净的方法是什么。我说的是一个弹出窗口,显示有关产品的“更多信息”——其中包含文本和图像。

我想做的最接近的例子是“创建模型加载对话框”。这会在异步加载外部数据时显示请稍候图形,但在完成后,该数据将显示在页面正文中,而不是在弹出窗口中。

现在我知道我可以使用这个示例来显示“请稍候”对话框,并在完成时显示另一个带有返回数据的弹出窗口。

但是我希望有内置功能可以将外部文件加载到弹出窗口中,因为:

a) 我要做的代码和事件处理会更少

b)弹出窗口将包含图像,我希望请等待留在屏幕上,直到其中的所有图像都已加载。自己做会更棘手

0 投票
5 回答
7707 浏览

javascript - Javascript YUICompressor 错误

使用 YUICompressor 我从我的 javascript 代码中得到以下错误:

这是以下几行的javascript代码:

第 270 行:

第 292 行:

我无法弄清楚问题出在哪里,因为这段 Javascript 代码在所有浏览器上都可以正常工作。


编辑:我将行拆分为多行,并发现“. operator 之后缺少的名称”是由以下代码生成的:

私人是让 YUI 压缩器发疯的关键字吗?

0 投票
2 回答
2967 浏览

javascript - 如何避免使用基于 YUI 的 EditorGridPanel 和 ColumnTree 替代品的 EXTjs?

在我的工作中有一些关于使用 Jack Slocum 的 EXTjs 库作为 YUI(已经在使用)的扩展来开发项目的讨论。如果可能的话,我想帮助避免对 EXTjs 的商业许可模型的依赖。

EXTjs 所需的两个主要功能是 EditorGridPanel 和 ColumnTree。

据我所知,自 2.6.0 以来,YUI 似乎已将 EditorGridPanel 功能添加到其 DataGrid 中。使用 YUI 的内置功能是否有一些重要的警告?关于 EditorGridPanel,还有什么更巧妙的方法吗?

至于 ColumnTree... 我没有看到任何简单的 YUI 替代此功能集。YUI 中是否有一些我没有看到的东西?现在 YUI 几乎没有使用,还有其他好的选择吗?

是否最好硬着头皮为这种功能支付 EXTjs(并处理商业许可证依赖)?

0 投票
1 回答
1418 浏览

javascript - 如何解析使用 YUI 数据源返回的 NULL 值

我正在使用 YUI 数据表和数据源在我的一个项目中呈现数据。返回的数据恰好为 NULL,YUI 数据源无法解析它。

下面是datasource和datatable的声明代码。为了便于阅读,我将每个声明分开。

列描述声明

此 columnDescription 在下面的函数中设置。

数据源声明

getDataGrid函数调用服务器端以从服务器获取数据。

下面是表定义本身。

tableContainerDiv在 html 页面中声明。这是容器 div。从服务器获取 JSON 数据的函数。

该函数返回具有一些空值的 json 字符串。数据源构造函数抱怨以下问题。

  • ERROR_DATAINVALID
  • ERROR_DATANULL

我查看了 yui文档,发现字符串解析器没有解析空值。我想知道是否有任何方法可以解析这些数据。我必须要 handleResponse 解析原始数据吗?任何建议表示赞赏。

0 投票
1 回答
1366 浏览

javascript - 如何让 YUI 数据源解析数据集中的 Null 值?

我正在使用 YUI 数据表和数据源在我的一个项目中呈现数据。返回的数据恰好为 NULL,YUI 数据源无法解析它。

下面是datasource和datatable的声明代码。为了便于阅读,我将每个声明分开。

列描述声明

此 columnDescription 在下面的函数中设置。

数据源声明

getDataGrid函数调用服务器端以从服务器获取数据。下面是表定义本身。

tableContainerDiv在 html 页面中声明。这是容器 div。从服务器获取 JSON 数据的函数。

该函数返回具有一些空值的 json 字符串。数据源构造函数抱怨以下问题。

  • ERROR_DATAINVALID
  • ERROR_DATANULL

我查看了 yui文档,发现字符串解析器没有解析空值。我想知道是否有任何方法可以解析这些数据。我必须要 handleResponse 解析原始数据吗?任何建议表示赞赏。