How to prevent an item to be sorted (fix positon) in Kendo Sortable / Integration - ListView?









up vote
0
down vote

favorite












var dataSource = new kendo.data.DataSource(
data: anArray
)

var listView = $("#listView").kendoListView(
name: "listView",
tagname: "div",
dataSource: dataSource,
template: kendo.template($("#listview-template").html()),
);

listView.kendoSortable(
filter: ">div.myclass",
cursor: "move",
placeholder: function (element)
return element.clone().addClass("placeholder").text("position here")
,
hint: function (element)
return element.clone().removeClass("k-state-selected");
,
change or move or end?: function(e)
if(e.newIndex==35)
--e.newIndex;
console.log(e.newIndex); //output is 34, but the element is moved to 35


);


I want to prevent that the dragged item can be inserted after an itemA (instead, it could be inserted to the previous index) and also that itemA cannot be dragged.



So itemA has to stay fixed on its position.










share|improve this question



























    up vote
    0
    down vote

    favorite












    var dataSource = new kendo.data.DataSource(
    data: anArray
    )

    var listView = $("#listView").kendoListView(
    name: "listView",
    tagname: "div",
    dataSource: dataSource,
    template: kendo.template($("#listview-template").html()),
    );

    listView.kendoSortable(
    filter: ">div.myclass",
    cursor: "move",
    placeholder: function (element)
    return element.clone().addClass("placeholder").text("position here")
    ,
    hint: function (element)
    return element.clone().removeClass("k-state-selected");
    ,
    change or move or end?: function(e)
    if(e.newIndex==35)
    --e.newIndex;
    console.log(e.newIndex); //output is 34, but the element is moved to 35


    );


    I want to prevent that the dragged item can be inserted after an itemA (instead, it could be inserted to the previous index) and also that itemA cannot be dragged.



    So itemA has to stay fixed on its position.










    share|improve this question

























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      var dataSource = new kendo.data.DataSource(
      data: anArray
      )

      var listView = $("#listView").kendoListView(
      name: "listView",
      tagname: "div",
      dataSource: dataSource,
      template: kendo.template($("#listview-template").html()),
      );

      listView.kendoSortable(
      filter: ">div.myclass",
      cursor: "move",
      placeholder: function (element)
      return element.clone().addClass("placeholder").text("position here")
      ,
      hint: function (element)
      return element.clone().removeClass("k-state-selected");
      ,
      change or move or end?: function(e)
      if(e.newIndex==35)
      --e.newIndex;
      console.log(e.newIndex); //output is 34, but the element is moved to 35


      );


      I want to prevent that the dragged item can be inserted after an itemA (instead, it could be inserted to the previous index) and also that itemA cannot be dragged.



      So itemA has to stay fixed on its position.










      share|improve this question















      var dataSource = new kendo.data.DataSource(
      data: anArray
      )

      var listView = $("#listView").kendoListView(
      name: "listView",
      tagname: "div",
      dataSource: dataSource,
      template: kendo.template($("#listview-template").html()),
      );

      listView.kendoSortable(
      filter: ">div.myclass",
      cursor: "move",
      placeholder: function (element)
      return element.clone().addClass("placeholder").text("position here")
      ,
      hint: function (element)
      return element.clone().removeClass("k-state-selected");
      ,
      change or move or end?: function(e)
      if(e.newIndex==35)
      --e.newIndex;
      console.log(e.newIndex); //output is 34, but the element is moved to 35


      );


      I want to prevent that the dragged item can be inserted after an itemA (instead, it could be inserted to the previous index) and also that itemA cannot be dragged.



      So itemA has to stay fixed on its position.







      javascript events kendo-listview kendo-sortable






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 9 at 11:12

























      asked Nov 8 at 16:13









      thestruggleisreal

      619




      619






















          1 Answer
          1






          active

          oldest

          votes

















          up vote
          0
          down vote



          accepted










          I found the answer and here is a demo: https://demos.telerik.com/kendo-ui/sortable/filter-disable
          .



          For my specific case:
          There is no need to modify e.newIndex.



          With filter: "div.myclass.sortable", I allow that only divs with the class "sortable" are sortable.
          I give all div.myclass elements the class sortable (in my Kendo-listview-template).



          For preventing a div to be sorted, I search it and remove the class sortable:



          var sortableItems = $(".sortable");
          var nonSortableItem = sortableItems[35];

          nonSortableItem.classList.remove("sortable"); //now that one stays fix



          If you just want that you cannot move an item (but it does not have to stay fix when other items move), you have to use disable instead of filter (@see also in the demo above).






          share|improve this answer






















            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













             

            draft saved


            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53211764%2fhow-to-prevent-an-item-to-be-sorted-fix-positon-in-kendo-sortable-integratio%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes








            up vote
            0
            down vote



            accepted










            I found the answer and here is a demo: https://demos.telerik.com/kendo-ui/sortable/filter-disable
            .



            For my specific case:
            There is no need to modify e.newIndex.



            With filter: "div.myclass.sortable", I allow that only divs with the class "sortable" are sortable.
            I give all div.myclass elements the class sortable (in my Kendo-listview-template).



            For preventing a div to be sorted, I search it and remove the class sortable:



            var sortableItems = $(".sortable");
            var nonSortableItem = sortableItems[35];

            nonSortableItem.classList.remove("sortable"); //now that one stays fix



            If you just want that you cannot move an item (but it does not have to stay fix when other items move), you have to use disable instead of filter (@see also in the demo above).






            share|improve this answer


























              up vote
              0
              down vote



              accepted










              I found the answer and here is a demo: https://demos.telerik.com/kendo-ui/sortable/filter-disable
              .



              For my specific case:
              There is no need to modify e.newIndex.



              With filter: "div.myclass.sortable", I allow that only divs with the class "sortable" are sortable.
              I give all div.myclass elements the class sortable (in my Kendo-listview-template).



              For preventing a div to be sorted, I search it and remove the class sortable:



              var sortableItems = $(".sortable");
              var nonSortableItem = sortableItems[35];

              nonSortableItem.classList.remove("sortable"); //now that one stays fix



              If you just want that you cannot move an item (but it does not have to stay fix when other items move), you have to use disable instead of filter (@see also in the demo above).






              share|improve this answer
























                up vote
                0
                down vote



                accepted







                up vote
                0
                down vote



                accepted






                I found the answer and here is a demo: https://demos.telerik.com/kendo-ui/sortable/filter-disable
                .



                For my specific case:
                There is no need to modify e.newIndex.



                With filter: "div.myclass.sortable", I allow that only divs with the class "sortable" are sortable.
                I give all div.myclass elements the class sortable (in my Kendo-listview-template).



                For preventing a div to be sorted, I search it and remove the class sortable:



                var sortableItems = $(".sortable");
                var nonSortableItem = sortableItems[35];

                nonSortableItem.classList.remove("sortable"); //now that one stays fix



                If you just want that you cannot move an item (but it does not have to stay fix when other items move), you have to use disable instead of filter (@see also in the demo above).






                share|improve this answer














                I found the answer and here is a demo: https://demos.telerik.com/kendo-ui/sortable/filter-disable
                .



                For my specific case:
                There is no need to modify e.newIndex.



                With filter: "div.myclass.sortable", I allow that only divs with the class "sortable" are sortable.
                I give all div.myclass elements the class sortable (in my Kendo-listview-template).



                For preventing a div to be sorted, I search it and remove the class sortable:



                var sortableItems = $(".sortable");
                var nonSortableItem = sortableItems[35];

                nonSortableItem.classList.remove("sortable"); //now that one stays fix



                If you just want that you cannot move an item (but it does not have to stay fix when other items move), you have to use disable instead of filter (@see also in the demo above).







                share|improve this answer














                share|improve this answer



                share|improve this answer








                edited Nov 9 at 11:12

























                answered Nov 9 at 10:57









                thestruggleisreal

                619




                619



























                     

                    draft saved


                    draft discarded















































                     


                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53211764%2fhow-to-prevent-an-item-to-be-sorted-fix-positon-in-kendo-sortable-integratio%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    𛂒𛀶,𛀽𛀑𛂀𛃧𛂓𛀙𛃆𛃑𛃷𛂟𛁡𛀢𛀟𛁤𛂽𛁕𛁪𛂟𛂯,𛁞𛂧𛀴𛁄𛁠𛁼𛂿𛀤 𛂘,𛁺𛂾𛃭𛃭𛃵𛀺,𛂣𛃍𛂖𛃶 𛀸𛃀𛂖𛁶𛁏𛁚 𛂢𛂞 𛁰𛂆𛀔,𛁸𛀽𛁓𛃋𛂇𛃧𛀧𛃣𛂐𛃇,𛂂𛃻𛃲𛁬𛃞𛀧𛃃𛀅 𛂭𛁠𛁡𛃇𛀷𛃓𛁥,𛁙𛁘𛁞𛃸𛁸𛃣𛁜,𛂛,𛃿,𛁯𛂘𛂌𛃛𛁱𛃌𛂈𛂇 𛁊𛃲,𛀕𛃴𛀜 𛀶𛂆𛀶𛃟𛂉𛀣,𛂐𛁞𛁾 𛁷𛂑𛁳𛂯𛀬𛃅,𛃶𛁼

                    Edmonton

                    Crossroads (UK TV series)