jquery-ui - 在哪里可以找到 plone 中 jqueryui 的工作示例

Question

我在哪里可以找到 plone 中 jqueryui 的工作示例。以一个作为起点会很好。

Answer 1

好吧，它已经存在了，至少在collective.js.jqueryui 的1.8.16.9 版本（并且可能更大）中。

如果您的站点包含collective.js.jqueryui，您可以执行以下操作：

转到：Zope 管理界面 >> portal_properties >> jqueryui_properties

单击example_activated 复选框将其设置为True，单击保存，确认复选框仍处于选中状态。

转到您站点上的任何 URL 并附加“/example.jqueryui”。这将向您展示 jqueryui 手风琴、按钮、阴影、对话框等...（您的实际 URL 可能类似于：“http://localhost:8080/My_Plone_Site/example.jqueryui”）

如果您有collective.js.jquery-1.8.16.9-py2.7.egg，您将看到工作示例代码。你会在 egg 的collective/js/jqueryui/example.py 和example.pt 文件中找到它。

如果您有煎蛋卷，请转到 parts/omelette/collective/js/jqueryui/example.pt 以获取页面模板。注意这一行：

这一行包括从文件parts/omelette/collective/js/jqueryui/example.py 中的函数javacript 返回的字符串，它开始于：

def javascript(self):
    return """jQuery(function(){
// Accordion
jq("#accordion").accordion({ header: "h3" });
// Autocomplete
jq("#autocomplete").autocomplete({
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"]
});
// Button
jq("#button").button();
jq("#radioset").buttonset();
// Tabs
jq('#tabs').tabs();
etc..."""