研究员我正在使用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以便拖动显示MahouShoujo的div,以便能够用鼠标滚轮滚动,因为我的方式太多了。
你知道伙伴怎么做吗?有没有办法延长&#34;淘汰赛可以排序,以便能够使用库中的自定义JavaScript代码,以便监听滚动并执行它?在cource中,&#34;滚动:true&#34;我通过了某种方式只是进入了。
我希望以下示例能够在其他项目中随时使用它。所以我想要一次解决的解决方案。