jquery - 如何将值从 Plone 内容架构字段传递到 JQuery 函数？

Question

我有一个 Plone Dexterity 自定义类型对象，它使用 JQuery 函数来控制行为。在自定义类型中，我有一些字段允许用户在编辑内容对象时设置行为参数(在本例中为简单的 RSS 提要)。

目前，我已将函数参数值直接硬编码到 JQuery 函数中。我希望能够在编辑时获取自定义类型字段的值并将它们传递到我的 JQuery 函数中(下面的示例)。

我怎样才能做到这一点？

敏捷领域:

<field name="item_url" type="zope.schema.TextLine">
    <title>rss feed url</title>
    <description />
    <required />
</field>
<field name="item_count" type="zope.schema.TextLine">
    <title>item display number</title>
    <description />
    <required />
</field>
<field name="item_desc" type="zope.schema.Bool">
    <title>enable item description</title>
    <description />
    <required />
    <default>True</default>
    <form:widget type="z3c.form.browser.checkbox.SingleCheckBoxFieldWidget"/>
</field>

JQuery 函数:

$(document).ready(function() {
    $('#divRss').FeedEk({
        FeedUrl: '[item_url]',
        MaxCount: [item_count],
        ShowDesc: [item_desc],
    });
});

JQuery 在我的 HTML 代码中查找特定的对象 ID(在本例中为“divRss”)，并写出代码以生成提要内容。所以在我的模板 View 文件中，它看起来像这样:

<div id="tabs-feed-widget-patients" class="easytabs tab-container">

        <div id="divRss" />

</div>

Answer 1

由于您有适合您的类型的自定义 View 页面模板，因此您可以通过在 View 中添加 data 属性来实现此目的。

我假设您的页面模板中有类似以下内容的内容。

<div class="divRss">
    <div tal:content="context/item_url">Item url</div>
    <div tal:content="context/item_count">Item count</div>
    <div tal:content="context/item_desc">Item desc</div>
</div>

您可以通过数据属性扩展它，您也可以将主题放在模板中的其他位置(或隐藏它们)

<div class="divRss">
    <div tal:define="url context/item_url"
         tal:attributes="data-url url"
         tal:content="url">Item url</div>

    <div tal:define="count context/item_count"
         tal:attributes="data-count count"
         tal:content="count">Item count</div>

    <div tal:define="desc context/item_desc"
         tal:attributes="data-desc desc"
         tal:content="desc">Item desc</div>

</div>

你的 JS 代码可能看起来像......

$(document).ready(function() {
    $('#divRss').FeedEk({
        FeedUrl: $('#divRss div').eq(0).data('url'),
        MaxCount: $('#divRss div').eq(1).data('count'),
        ShowDesc: $('#divRss div').eq(2).data('desc'),
    });
});

实现可以改进:-)但这应该指向正确的方向。