我为kendui的可排序连接列表提供了相同代码的JS小提琴。在最新发布的kendoui中,有一个是有效的,也没有其他的。
2014.2.903工作版 - > http://jsfiddle.net/m72f5z6h/3/ 2014.3.1119非工作版本 - > http://jsfiddle.net/m72f5z6h/2/
用于创建可排序列表的JS代码:
$(function(){
var panelHeaders = $(".panel-header");
panelHeaders.click(function(e){
e.preventDefault();
var thisContent = $(this).next(".panel-content");
if(thisContent.is(":visible"))
thisContent.slideUp();
else
thisContent.slideDown();
});
var panels1 = ".panel-column-1";
var panels2 = ".panel-column-2";
function sortablePlaceholder(element) {
return element.clone()
.css({ "opacity": 0.8, });
}
function sortableHint(element) {
return element.clone()
.css({ "border": "1px solid #a2a2a2" })
.height(element.height())
.width(element.width());
}
// Sortable
$(panels1).kendoSortable({
cursor: "move",
connectWith: panels2,
placeholder: sortablePlaceholder,
hint: sortableHint
});
$(panels2).kendoSortable({
cursor: "move",
connectWith: panels1,
placeholder: sortablePlaceholder,
hint: sortableHint
});
});
您无法在kendoui(2014.3.1119)的最新版本中拖放/删除相同代码段的面板。
有人知道API是否有变化?我试着看看样品,看起来一样。
感谢任何帮助...
更新:http://demos.telerik.com/kendo-ui/sortable/linkedlists也显示相同的行为......
谢谢,