如何避免拖放sap.m.list中的特定列表项目

Question

我已经实现了如下拖放sap.m.list的拖放操作。现在我需要避免拖放列表中的特定项目。如何停止拖动ñ仅针对特定项目

jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-core'); 
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-widget'); 
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-mouse'); 
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-draggable'); 
jQuery.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-sortable'); 
    my.clauseRendering = function (oControl) { 
      //inject control 
      //debugger; 
      test = this; 
      test.oControl = oControl; 
     }; 
     my.clauseRendering.prototype = { 
      onAfterRendering: function() { 
       $("#clauseList-listUl").addClass('ui-sortable'); 


        $("#clauseList-listUl").sortable({ 
         //connectWith : ".ui-sortable" 
          cancel: '', 
        start: function(event, ui) { 
         debugger; 
        ui.item.startPos = ui.item.index(); 
        }, 
       // sync the model after reordering in the box 
       stop: function(event, ui) { 
        //debugger; 
       ---- 
       } 

        }).disableSelection(); 

      } 
    var ClauseList=sap.ui.getCore().byId("clauseList"); 
     ClauseList.addDelegate(new my.clauseRendering(ClauseList)); 

拖放功能这里列表中的HTML视图就像名单将采取与类“UI可排序”，使列表中的所有项目都是可拖动标签。现在我需要停止拖放该列表中的特定项目。

Answer 1

可以初始化排序与取消选项：

$(".ui-sortable").sortable(
    { cancel: ".non-draggable" } 
); 

也可以稍后进行设置：

$(".ui-sortable").sortable("option", "cancel", ".non-draggable"); 

当然不是“非拖动”类，你可以使用任何选择器

Answer 2

$("#sortable1").sortable({ 
    items: "li:not(.ui-state-disabled)" 
});