我有以下可排序表,其中包含可排序行:
http://demos.telerik.com/kendo-ui/sortable/events 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>
and 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 层)。
我想将可排序和可编辑的行放在一起。我该如何解决?
Kendo UI 的可排序小部件现在有一种方法可以通过ignore http://docs.telerik.com/kendo-ui/api/javascript/ui/sortable#configuration-ignore option:
$("#sortable").kendoSortable({
ignore: "input"
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)