Question

我使用以下方法跟踪可排序行的可排序表：

http://demos.telerik.com/kendo-ui/sortable/events

<tbody class="playlist" kendo-sortable k-placeholder="placeholder" k-hint="hint">
    <!-- IF NOTHING IS FOUND-->
    <tr ng-if="projectDetail.projectOrderViewConfiguration.projectEntries.length == 0">
        <td colspan="9"><h1>{{ 'ADD_SOME_ITEMS_FROM_LEFT_COLUMN' | translate }}</h1></td>
    </tr>
    <!-- ELSE WRITEOUT-->
    <tr  ng-repeat="projectEntry in projectDetail.projectOrderViewConfiguration.projectEntries">
        <td>
        <input type="text" ng-model="projectEntry.entry.defaultName"  class="form-control" id="cwConnectorTeam" value="{{entry.defaultName}}" />
        </td>
        <td>
        <input type="text" ng-model="projectEntry.projectLabel"  class="form-control" id="cwConnectorTeam" value="{{entry.defaultName}}" />
        </td>
        <td><a ng-click="removeProjectEntryItem('{{projectEntry.id}}')">remove</a></td>
    </tr>
    <!-- ELSE WRITEOUT-->
</tbody>

和JS

// MAKE SELECTED ENTRIES SORTABLE
$scope.placeholder = function(element) {
    return element.clone().addClass("placeholder").text("drop here");
};
$scope.hint = function(element) {
    return element.clone().addClass("hint");
};

问题是，如果我试图点击输入字段，我发现它不可编辑（可能在高位置有一些z-index图层）。

我希望将可排序和可编辑的行放在一起。我该如何解决？

Answer 1

Kendo UI的可排序小部件现在可以使用ignore选项处理此问题：

$("#sortable").kendoSortable({ 
    ignore: "input"
});

Kendo sortable：无法编辑可排序表格内的文本输入

1 个答案: