Kendo 可排序问题

Question

在我的项目中，我使用 kendo sortable 对图像缩略图进行重新排序。它被缩略图过滤 div class "col-md-6 up"。一切都很好，除了我在 div 中有一个下拉列表，单击它时现在不起作用。

这是我的代码：

 $("#ImageListView").kendoSortable({
        filter: ">div.col-md-6.up",
        cursor: "move",
        autoScroll: true,
        placeholder: function (element) {
            return element.clone().css("opacity", 0.1);
        },
        hint: function (element) {
            return element.clone().removeClass("k-state-selected");
        }
        });

这是我的缩略图div:

div class="col-md-6 up">
<div>
<label class="docLabel" id="docLabe style="display:none;float:right;">Dropdown</label>
<select class="docSelect" id="docSelect" style="display:none;float:right;">
  <option value="A">A</option>
</select>
</div>

</div>

有谁知道如何解决这个问题？

Answer 1

您需要 kendoSortable 的 ignore 配置才能使其正常工作。我会这样做：

$("#ImageListView").kendoSortable({
    filter: ">div.col-md-6.up",
    cursor: "move",
    autoScroll: true,
    ignore: "#docSelect",
    placeholder: function (element) {
        return element.clone().css("opacity", 0.1);
    },
    hint: function (element) {
        return element.clone().removeClass("k-state-selected");
    }
});

Kendo 可排序问题

Kendo sortable issue

javascript

jquery

kendo-ui

kendo-sortable