代码之家 › 专栏 › 技术社区 › Xion

剑道排序问题

kendo-sortable kendo-ui jquery javascript

0

Xion · 技术社区 · 8 年前

在我的项目中,我使用剑道排序表对图像缩略图进行重新排序。它通过缩略图div类“col-md-6 up”进行过滤。一切都很好,只是我在div中有一个dropdownlist,单击它时它现在不工作了。

这是mycode:

 $("#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 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>

有人知道如何解决这个问题吗?

1 回复 | 直到 8 年前

1

Gogol LR Soni 8 年前

你需要 ignore 的配置 kendoSortable 让它发挥作用。我会这样做:

$("#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");
    }
});