Joomla！ 组件表单和jQuery动态添加/删除字段子集

Question

我有一个用于管理研讨会的Joomla组件，称为com_workshops及其相应的表jos_workshops。

然后，我有了核心的com_users组件及其jos_users表。

我有一个链接表jos_works_users以便将用户与工作坊（N，N）关联。

我知道如何添加一个表单字段type =“ user”，以便可以从用户模式视图中选择一个用户。

但是我希望表单能够像我一样添加尽可能多的表单字段类型

并动态删除它们。 我在想

jQuery (append(), clone(), remove() functions)

但不知道Joomla内是否可能！ 表格，以及操作方法。

Answer 1

尽管使用了mootools，但我也做了类似的工作。 如果您是我，我将创建一个新的字段类型（ Joomla docs ），然后使用JHTML :: script（）将一些JavaScript添加到页面中。 您需要使用输入名称（例如jform [userids] []），以便浏览器可以传递用户ID数组。

我的案子与您的案子并不完全一样，但这几乎就是我做的事：

我的HTML如下所示（请注意，每行有两个文本字段）：

<div id="ingredientList1">
    <div class="ingredient-row">
        <div class="delete"></div>
        <input type="text" class="amountField" style="display: block; " name="jform[ingredientAmounts][]">
        <input type="text" class="nameField" style="display: block; " name="jform[ingredients][]">
    </div>
    <div class="ingredient-row">
        <div class="delete"></div>
        <input type="text" class="amountField" style="display: block; " name="jform[ingredientAmounts][]">
        <input type="text" class="nameField" style="display: block; " name="jform[ingredients][]">
    </div>
    <div class="ingredient-row">
        <div class="add"></div>
        <input type="text" class="amountField" style="display: none; ">
        <input type="text" class="nameField" style="display: none; ">
    </div>
</div>

您的JavaScript应该：

1. 当用户单击删除按钮时，删除一行（在mootools中：row.dispose（））。
2. 单击添加按钮时，使最后一行可见并创建一个新的隐藏行。
3. 有一种方法可以从数据库加载以前的数据。
4. 将代码加载到表中（选择用户ID）并存储（将它们保存到db）。