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

剑道排序问题

  •  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
  •  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");
        }
    });