Question

我想在grails中创建sortable list using Jquery。此列表必须通过下拉列表填充。这是流程：

（1）用户从下拉列表中选择item1 ，item1显示在可排序列表中

（2）用户从下拉列表中选择item3 ，第3项显示在可排序列表中

（3）用户从下拉列表中选择item5 ，item5显示在可排序列表中

然后，用户可以按照自己想要的方式重新排列可排序列表，并将其保存在列表中。它必须是一个列表，因为序列对于维护很重要。目前，有一个多选项可以选择多个商品 ，但无法按顺序保留 。

我的项目中安装了Jquery插件。我不知道如何从下拉列表中获取所选项目。这些类之间有很多关系。

<div class="fieldcontain ${hasErrors(bean: CarInstance, field: 'parts', 'error')} ">
<label for="parts">
    <g:message code="label" default="Car Parts" />
</label>
<g:select name="parts"
          from="${Parts.list()}"
          multiple="multiple"
          optionKey="id"
          size="5"
          optionValue="partName"
          class="many-to-many"/>

任何建议都会有所帮助。感谢..

Answer 1

通常，我建议您将HTML标记与客户端逻辑分开，并将所有逻辑写入单独的javascript文件中。例如，您的javascript代码可能如下所示：

(function ($) {
    $('select').on('change', function () {
        var value = $(this).val();
        var text = $(this).find('option:selected').text();
        $('<div class="item" data-value="' + value + '">' + text + '</div>')
            .appendTo('#sortable');
    });
})(jQuery);

查看示例jsFiddle：http://jsfiddle.net/rsPW7/1/

在grails中创建jQuery可排序列表

1 个答案: