Javascript 使用jquery TableDnD插件拖放表行如何使某些ros不可拖动并保存已排序的行?
我正在使用我已经实现的代码表拖放我想做的是一些不可移动的行,如顶部标题栏行和底部提交按钮行如何实现 如何通过单击保存按钮将排序后的列表保存到数据库中Javascript 使用jquery TableDnD插件拖放表行如何使某些ros不可拖动并保存已排序的行?,javascript,jquery,database,zend-framework,drag-and-drop,Javascript,Jquery,Database,Zend Framework,Drag And Drop,我正在使用我已经实现的代码表拖放我想做的是一些不可移动的行,如顶部标题栏行和底部提交按钮行如何实现 如何通过单击保存按钮将排序后的列表保存到数据库中 $(document).ready(function() { // Initialise the table $("#table-1").tableDnD(); // DRAG AND DROP ENABLED })) 我的jquery代码是用于拖动-> 如果您需要任何帮助,请?将class=“nodrag nodrop”添加到不需要拖放的行中
$(document).ready(function() {
// Initialise the table
$("#table-1").tableDnD();
// DRAG AND DROP ENABLED
}))
我的jquery代码是用于拖动->
如果您需要任何帮助,请?将class=“nodrag nodrop”添加到不需要拖放的行中
并在ondrop方法中添加以下内容:
$("#table-2").tableDnD({
onDragClass: "myDragClass",
onDrop: function(table, row) {
var rows = table.tBodies[0].rows;
var debugStr = "Row dropped was "+row.id+". New order: ";
for (var i=0; i<rows.length; i++) {
debugStr += rows[i].id+" ";
}
alert(debugStr);
},
onDragStart: function(table, row) {
$(#debugArea).html("Started dragging row "+row.id);
}
});
$(“#表2”)。表DND({
onDragClass:“myDragClass”,
onDrop:函数(表、行){
var rows=table.tBodies[0]。行;
var debugStr=“删除的行为“+Row.id+”。新订单:”;
对于(var i=0;i将class=“nodrag nodrop”添加到不需要拖放的行中
并在ondrop方法中添加以下内容:
$("#table-2").tableDnD({
onDragClass: "myDragClass",
onDrop: function(table, row) {
var rows = table.tBodies[0].rows;
var debugStr = "Row dropped was "+row.id+". New order: ";
for (var i=0; i<rows.length; i++) {
debugStr += rows[i].id+" ";
}
alert(debugStr);
},
onDragStart: function(table, row) {
$(#debugArea).html("Started dragging row "+row.id);
}
});
$(“#表2”)。表DND({
onDragClass:“myDragClass”,
onDrop:函数(表、行){
var rows=table.tBodies[0]。行;
var debugStr=“删除的行为“+Row.id+”。新订单:”;
对于(var i=0;i向您不希望拖放的行添加两个类名。tableDnD在其代码中内置了这些类名以防止拖放
在gridview中,这就是我如何实现的
<HeaderStyle CssClass="dgHead nodrop nodrag" />
<FooterStyle CssClass="NewMaterialEntry nodrop nodrag" VerticalAlign="Top" HorizontalAlign="Center" />
在不希望拖放的行中添加两个类名。tableDnD的代码中内置了这些类名,以防止拖放
在gridview中,这就是我如何实现的
<HeaderStyle CssClass="dgHead nodrop nodrag" />
<FooterStyle CssClass="NewMaterialEntry nodrop nodrag" VerticalAlign="Top" HorizontalAlign="Center" />