我在哪里可以找到plone中jqueryui的工作示例

时间:2012-11-23 19:15:44

标签: jquery-ui plone

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

1 个答案:

答案 0 :(得分:1)

嗯,它已经存在,至少在版本1.8.16.9(并且,可能更大)的collective.js.jqueryui中。

如果您的网站包含collective.js.jqueryui,您可以执行以下操作:

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

单击example_activated复选框将其设置为True,单击save,确认复选框仍然处于选中状态。

转到您网站上的任意网址并附加“/example.jqueryui”。这将向您展示jqueryui手风琴,按钮,阴影,对话框等... (您的实际网址可能如下所示:“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文件中找到它。

如果您有煎蛋卷,请转到part / omelette / collective / js / jqueryui / example.pt作为页面模板。注意这一行:          

这一行包含来自函数javacript的文件parts / omelette / collective / js / jqueryui / example.py中的返回字符串,它开始于:

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..."""