Прокрутка нокаута при выполнении сортировки

Товарищи, я использую https://github.com/rniemeyer/knockout-sortable для того, чтобы сделать некоторые пользовательские сортируемые вещи. Но я хочу в то же время иметь возможность прокручивать, когда я делаю эти вещи.

Позвольте мне объяснить лучше:

Перво-наперво у меня есть эта ViewModel:

function MagicGirls()
{
  var magicGirls=this;

  magicGirls.girls=ko.observableArray([
                                        new MahouShoujo({name:"Tsukino",surname:"Usagi",order:1,image:"mahou1.png"}),
                                        new MahouShoujo({name:"Takamachi",surname:"Nanoha",order:2,image:"mahou2.png"}),
                                        new MahouShoujo({name:"Testarosa",surname:"Fate",order:3,image:"mahou3.png"}),
                                        ....
                                        new MahouShoujo({name:"Illyasniel",surname:"von Einzbern",order:1000,image:"mahou1000.png"}),
                                      ]);


  magicGirls.sortableCallback=function(args)
  {
   var item=args.item;
   //Change Order here
  };
}

function MahouShoujo(data)
{
  var mahou=this;

  mahou.namae=ko.observable(data.name);
  mahou.surname=ko.observable(data.surname);
  mahou.order=ko.observable(data.order);
  mahou.image=ko.observable(data.image)
  mahou.domId=ko.observable("mahou"+data.order);
}

И я озвучиваю их так

<div data-bind="sortable:{data:girls,afterMove:sortableCallback,connectClass:false,options:{scroll:true,scrollSensitivity:100}},translateTouchEvents:touch">
<div class="panel panel-primary" data-bind="attr:{id:domId}">
  <div class="panel-heading">
    <h3>
      <span data-bind="text:namae"></span>
      <span data-bind="text:surname"></span>
    </h3>
  </div>
  <div class="panel-body" >
    <img data-bind="attr:{src:image}"/>
  </div>
</div>

Теперь, что я хочу, это когда я нажимаю на элемент div, чтобы перетащить элемент div, отображающий MahouShoujo, чтобы иметь возможность прокрутки с помощью колесика мыши, потому что у меня WAY TOO MANY.

Вы знаете, ребята, как это сделать? Есть ли способ "расширить" сортируемую сортировку, чтобы можно было использовать пользовательский код javascript с библиотекой для прослушивания прокрутки и ее выполнения? Конечно, "свиток: правда", который я передаю, как-то просто заглотил.

Я хочу, чтобы следующий пример мог использовать его в любое время и в других проектах. Поэтому я хочу однажды решенное решение.

0 ответов

Другие вопросы по тегам