Суть проста, Добавляем строку в таблицу, и нужно иметь возможность ее сортировать.
Уже как только не заморачивался =(
HTML
<table id="tableProducts_60" class="table">
<tr id="674">
<td>
<input type="checkbox" name="products[]" value="674">
</td>
<td>
МФУ Ricoh Aficio C222SF </td>
<td>
_
</td>
</tr>
</table>
<table>
<tr>
<td>
<input type="text" name="NAME" value="" id="nameProducts_60">
</td>
<td>
<input type="button" value="Добавить" id="60" class="button">
</td>
</tr>
</table>
js-добавления новой строки
$(document).ready(function() {
$(".button").livequery("click", function() {
id = $(this).attr("id");
nameProducts = $("#nameProducts_" + id).val();
$.ajax({
type : "POST",
url : "/ajax/",
timeout : 5000,
data : {
"action" : "addPrpducts",
"nameProducts" : nameProducts,
"categorID" : id
},
beforeSend : function() {
},
success : function(productID) {
$("<tr id='"
+ productID
+ "'><td><input type='checkbox' name='products[]' value='"
+ productID + "'></td><td>" + nameProducts
+ "</td><td>_</td></tr>").prependTo("#tableProducts_"
+ id);
}
});
});
});
js-сортировки
$(document).ready(function() {
$(".table").tableDnD({
onDragClass : "dragRow",
onDrop : function(table, row) {
var rows = table.tBodies[0].rows;
var w = "";
var w1 = "";
for (var i = 0; i < rows.length; i++) {
w += rows.id + "|";
w1 = rows[0].class;
}
$.ajax({
type : "POST",
url : "/ajax/",
timeout : 5000,
data : {
"action" : "sortProducts",
"sort" : w
}
});
}
});
});подключаемые библиотеки
jquery.js
jquery.livequery.js
jquery.tablednd.js
Собственно вопрос заключается в том, как объединить 2 библиотеки livequery и tablednd.
или найти альтернативу.
Кто что посоветует?
