问题标签 [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 投票
5 回答
18712 浏览

datatable - How can I refresh a YUI dataTable with a button?

I'm testing the script:

http://developer.yahoo.com/yui/examples/datatable/dt_xhrjson.html

I would like to add a button to refresh(reset) the data. I would reset all modified data and reload first data. I add this code, so after select (refresh), I have no data:

What I need to use in my onMenuItemSelect to refresh mydataTable?


I made some changes to modify the "city" and "rating" in the sample : http://developer.yahoo.com/yui/examples/datatable/dt_xhrjson.html

Now, I wish resetting MyTable with a button (and reload default dataset). When I use my code, after button click, I clear all and default data are not reloaded (I have : "No records found." after button click).

How I can reload default data ?

0 投票
2 回答
148 浏览

php - 有谁知道从 YUI 开始的好网站?

有谁知道从 YUI 开始的好网站?

雅虎的开发人员手册对我来说太混乱了。

0 投票
4 回答
1474 浏览

javascript - 更改 Yahoo UI 中的日期格式

我正在使用 Yahoo UI 中的日历,如下所示:

calDate = (calDate.getMonth() + 1) + '/' + calDate.getDate() + '/' + calDate.getFullYear();

这将显示一种MMDDYYYY格式。

我想将此格式更改为YYYY-MM-DD以便可以将其插入 MySQL 数据库。我将代码更改为:

calDate = calDate.getFullYear() + '-' + (calDate.getMonth() + 1) + '-' + calDate.getDate();

它有效,但现在的问题是,当我想更改所选日期时,日历不会显示日期而是显示NAN.

0 投票
2 回答
7787 浏览

scroll - YUI 面板和滚动

我有一个像这样定义的可拖动 YUI 面板

显示面板时,我希望它始终可见,即使在窗口滚动时也是如此。情况也是如此,感谢fixedcenter: true. 问题是,当窗口滚动时,面板会将自身定位到窗口的中心,即使它之前被拖到其他地方也是如此。

我应该如何修改上述定义,以便在滚动窗口时面板的位置相对于窗口保持不变?

0 投票
1 回答
478 浏览

php - YUI 自定义事件和同步动作

我正在开发一个必须通过 AJAX 执行两个单独检查的 JavaScript 应用程序。根据每次检查的结果,行为会有所不同。我在这里感兴趣的案例是两项检查都成功的情况。我已经确定了一些方法来做到这一点,我想从 SO 那里得到一些关于他们认为最好的方法是什么的反馈。

  1. 同步 AJAX 调用:这是我继承的,它已经消失了。它会导致浏览器和系统锁定,尽管它确实允许您在单个执行线程中处理响应。
  2. 菊花链:进行 AJAX 调用以执行第一次检查,如果通过,则在第一次检查的回调中进行第二次检查。处理第二次检查,如果通过,我们就成功了。这是最直接的解决方案,但它看起来不必要地将我的两个检查结合起来。我也觉得序列化我的检查是不必要的,并且会降低性能。
  3. 自定义事件:使用 YUI 的事件模块和自定义事件实用程序,同时触发两个 AJAX 调用。为每个成功案例创建一个自定义事件,并让处理 AJAX 响应的回调为每次成功检查抛出适当的事件。然后每个事件的处理程序可以订阅另一个事件,如果它被抛出,那么我们已经成功完成。

我的问题与我喜欢的第三种方法有关。我喜欢这样一个事实,即我的处理程序仅通过抛出的事件进行连接,并且 AJAX 调用可以同时发生。我想知道的是,有没有其他人以这种方式使用过这个模块?我可以期待什么样的陷阱?我担心我可能已经为比赛条件做好了准备——我该如何缓解这种情况?最后,对于读到这里的任何人,有没有更好的方法?我的清单是不是详尽无遗,还是设计存在根本缺陷?建设性的批评和评论非常受欢迎。

编辑:虽然服务器请求确实使用会话,但它们彼此无关并且不写入会话数据,因此它们没有理由不在服务器上并行发生(除非 PHP 会话有一些我不知道的限制关于)。我们也进行服务器端检查,但我们发现在某些重要事件之前,我们需要立即与服务器进行检查,以便在极少数情况下通知用户某些事情发生了变化。

0 投票
4 回答
9277 浏览

javascript - 与 jQuery 一起使用的最佳 UI 库

你们对与 jQuery 一起使用的 UI 库有什么建议。与其他框架相比, jQuery UI似乎拥有更少的小部件。我最近一直在玩Dojo Toolkit,到目前为止它看起来还不错,而且我知道总会有Yahoo! 用户界面,但还有别的吗?

我还需要考虑许可,它可以与在 BSD 许可下许可的开源软件以及内部使用软件一起分发。

0 投票
4 回答
8162 浏览

javascript - “请稍候……”、“加载中”、“正在保存”、“生成”实现

在使用 HTML、Ajax 或 YUI(通常是 JavaScript)的浏览器中,“请稍候,我们正在处理您的请求”的成功和优先实现是什么?

其他上下文是,我处理的 Web 应用程序有一些请求可能需要大量的 IO/CPU 时间(10 - 30 秒),并且需要与用户沟通我们收到您的请求并且我们正在处理它。

编辑:另一方面是你有没有看到一个给你留下深刻印象的网站实现?你喜欢的例子

0 投票
7 回答
14328 浏览

javascript - Javascript:模拟点击链接

我有一个附有监听器的链接(我正在使用 YUI):

我希望在不涉及用户点击的另一个场景中发生相同的功能。理想情况下,我可以模拟元素上的“点击”并自动触发该功能。我怎么能这样做?太糟糕了,这不起作用:

谢谢。

0 投票
1 回答
5843 浏览

yui - yui,表单提交和数据表

我是 Java 程序员,但不是 JavaScript 程序员。我刚刚发现了 YUI,并正在尝试开始使用它。我想尝试做的是在页面顶部有查询表单,用户按下提交,结果显示在查询表单下方的 YUI 数据表中。

当然,通常情况下,在 HTML 表单上,用户按下提交,请求被发送到服务器,我使用 Struts 处理它,然后将请求转发到 JSP,HTML 被发送回浏览器。这就是我每天所做的。对于 Ajax,我理解它的不同之处在于我应该返回 XML。不是问题。很容易做到。

我遇到的问题涉及 YUI 方面的问题。当按下提交按钮时,会发生什么?不是正常的表单提交,对吧?我是否实现了一个 onSubmit() JavaScript 函数,然后触发一些 YUI DataSource 去获取数据?请求参数如何传递?希望我不必手动构建请求。我猜我使用的是 YAHOO.util.XHRDataSource,这就是 DataTable 的 DataSource。

我已经设法让 YUI DataTable 使用 HTML 表格元素工作。现在我只需要将其切换为真实数据。奇怪的是,YUI 文档在这里似乎有点弱,除非我遗漏了什么。也许这只是 YUI 文档未涵盖的基本 Ajax?

0 投票
1 回答
3589 浏览

javascript - 雅虎事件.stopEvent

我试图阻止 JavaScript 事件继续传播,使用 YUI。以下是一些最小的 HTML 和一些最小的 JavaScript,它们演示了这个问题:

HTML:

JavaScript:

我期望发生的是用户可以单击foo添加三键处理程序,然后单击bar. 然后,用户将看到两个警报,barClickTest1并且barClickTest2。相反,会出现所有三个警报。YAHOO.util.Event.stopEvent(e)不符合我的预期,即阻止事件传播到barClickTest3.

我已经在 Firefox 3.0.7 和 Safari 3.2.1 中测试了我的代码。正如您在上面看到的,我也尝试过YAHOO.util.Event.stopPropagation(e)and e.stopPropagation()。他们都没有成功。

这显然是一个人为的例子,尽管它确实证明了这个问题。在真正的解决方案中,我只会在满足某些条件时才阻止事件传播。

我对 JavaScript 事件的理解是不是一团糟?我如何实现我的目标?