问题标签 [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.
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 中得到修复。
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 帖子中所提供
asp.net-mvc - 用于 YUI 控件(雅虎用户界面)的 ASP.NET MVC HtmlHelper 扩展?
有没有人为 MVC 编写过任何HTMLHelper 类来帮助Yahoo 的用户界面库?
例如,我编写了一个辅助方法来将“菜单模型”转换为支持Yahoo Menu Control所需的 HTML 标记。MVC 模式在这里工作得很好,因为很明显,如果我选择切换到不同的菜单实现,我可以只编写一个新的帮助程序而不接触模型。
此代码适用于我,但尚未经过全面测试,欢迎您使用它。
首先,我们需要菜单模型本身的简单数据结构。您可以使用正常的 MVC 约定将其添加到您的页面模型中。例如,我通过ViewData.Model.MainMenu.MenuOptions
.
扩展方法。放入您的视图可访问的命名空间。
将此代码粘贴到您要在视图中生成菜单的位置(我在母版页中有此代码):
如果你很懒惰,或者不了解 YUI,你也需要这个<HEAD>
这目前为顶部导航样式导航栏生成标记- 但可以轻松修改。
我希望其他人对其他一些控件也做同样的事情。
似乎是一个开源项目的好候选人——但我没有时间开始。
欢迎实施咨询!
javascript - 选择 YUI 还是 jQuery 会影响 .js 文件的整体设计吗?
在 jquery 或 YUI 之间进行选择会改变您的 .js 文件的整体/高级设计,还是由于框架 API 的差异,它实际上只会成为您的 js 函数的内部工作?(即您如何访问/遍历 DOM、选择器、内置函数、触发事件等)
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”的参数?
谢谢,拉贾。
popup - 如何在 YUI 中显示来自外部文件的弹出窗口?
我开始在我的应用程序中使用YUI的Container 控件来显示消息框弹出窗口和其他对话框。
我不清楚创建源自外部 HTML 文件的弹出窗口的推荐/最干净的方法是什么。我说的是一个弹出窗口,显示有关产品的“更多信息”——其中包含文本和图像。
我想做的最接近的例子是“创建模型加载对话框”。这会在异步加载外部数据时显示请稍候图形,但在完成后,该数据将显示在页面正文中,而不是在弹出窗口中。
现在我知道我可以使用这个示例来显示“请稍候”对话框,并在完成时显示另一个带有返回数据的弹出窗口。
但是我希望有内置功能可以将外部文件加载到弹出窗口中,因为:
a) 我要做的代码和事件处理会更少
b)弹出窗口将包含图像,我希望请等待留在屏幕上,直到其中的所有图像都已加载。自己做会更棘手
javascript - Javascript YUICompressor 错误
使用 YUICompressor 我从我的 javascript 代码中得到以下错误:
这是以下几行的javascript代码:
第 270 行:
第 292 行:
我无法弄清楚问题出在哪里,因为这段 Javascript 代码在所有浏览器上都可以正常工作。
编辑:我将行拆分为多行,并发现“. operator 之后缺少的名称”是由以下代码生成的:
私人是让 YUI 压缩器发疯的关键字吗?
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(并处理商业许可证依赖)?
javascript - 如何解析使用 YUI 数据源返回的 NULL 值
我正在使用 YUI 数据表和数据源在我的一个项目中呈现数据。返回的数据恰好为 NULL,YUI 数据源无法解析它。
下面是datasource和datatable的声明代码。为了便于阅读,我将每个声明分开。
列描述声明
此 columnDescription 在下面的函数中设置。
数据源声明
getDataGrid函数调用服务器端以从服务器获取数据。
下面是表定义本身。
tableContainerDiv在 html 页面中声明。这是容器 div。从服务器获取 JSON 数据的函数。
该函数返回具有一些空值的 json 字符串。数据源构造函数抱怨以下问题。
- ERROR_DATAINVALID
- ERROR_DATANULL
我查看了 yui文档,发现字符串解析器没有解析空值。我想知道是否有任何方法可以解析这些数据。我必须要 handleResponse 解析原始数据吗?任何建议表示赞赏。
javascript - 如何让 YUI 数据源解析数据集中的 Null 值?
我正在使用 YUI 数据表和数据源在我的一个项目中呈现数据。返回的数据恰好为 NULL,YUI 数据源无法解析它。
下面是datasource和datatable的声明代码。为了便于阅读,我将每个声明分开。
列描述声明
此 columnDescription 在下面的函数中设置。
数据源声明
getDataGrid函数调用服务器端以从服务器获取数据。下面是表定义本身。
tableContainerDiv在 html 页面中声明。这是容器 div。从服务器获取 JSON 数据的函数。
该函数返回具有一些空值的 json 字符串。数据源构造函数抱怨以下问题。
- ERROR_DATAINVALID
- ERROR_DATANULL
我查看了 yui文档,发现字符串解析器没有解析空值。我想知道是否有任何方法可以解析这些数据。我必须要 handleResponse 解析原始数据吗?任何建议表示赞赏。