Question

目标是订阅页面，用户可以在其中选择要订阅的属性。这很有效。

我拥有：我使用Geodan的plugin能够从左侧列表框中选择项目（未选中）并将它们移动到右侧列表框（已选中）。左侧列表框通过JSON填充，如下所示：

<div class="form-group"> <label for="properties">Properties</label> <div id="dual-list-box" class="form-group row"> <select class="filter" name="dropdown[]" multiple="multiple" data title="Properties" data-source="properties.json" data-value="index" data-text="name"></select> </div> </div>

然后你这样称呼：

$(document).ready(function() { $('.filter').DualListBox(); });

这很好用。您可以将属性从properties.json移动到右侧列表框。

我想要实现的目标：

即使这个初始订阅页面工作正常，说用户想要编辑他们的订阅。也许他们最初订阅了10个房产，但现在他们又想再增加10个房产。你想要的是：

- 一个单独的页面，左侧列表框中填充了properties.json

- 使用通过PHP生成的单独JSON文件填充右侧列表框（获取JSON文件很简单）： 但我不确定此插件是否允许填充右侧来自外部来源的列表框。

我大概一个星期前给Geodan发了电子邮件，但没有收到回复。

对我想要实现的目标的任何帮助表示赞赏。我也愿意使用其他插件，如果这将是一个更容易的路线。

Answer 1

您不需要为左侧和右侧列表框生成单独的JSON。你只需要添加＆＃34;选择＆＃34;属于您想要的选项。

示例：

<select id="ItemIds" name="ItemIds" multiple="multiple" data-title="Items" data-horizontal="false" data-json="false">
    <option value="1">Item 1</option>
    <option value="1" selected="selected">Item 2</option>
    <option value="3">Item 2</option>
    <option value="4" selected="selected">Item 4</option>
</select>

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#ItemIds').DualListBox();
    });
</script>

参考https://github.com/Geodan/DualListBox/issues/5

Geodan的双列表框：填充＆＃39;选择＆＃39;具有不同JSON文件（PHP）的框。

1 个答案: