ФорумПрограммированиеJavaScript → jquery - создание новых элементов с возможностью их моментального использования

jquery - создание новых элементов с возможностью их моментального использования

  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 22 января 2010 г. 18:44

    Доброй ночи =)
    Суть проста, Добавляем строку в таблицу, и нужно иметь возможность ее сортировать.
    Уже как только не заморачивался =(

    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.
    или найти альтернативу.
    Кто что посоветует?
  • TRIAL

    Сообщения: 988 Репутация: N Группа: Джедаи

    Spritz 23 января 2010 г. 6:43, спустя 11 часов 59 минут 3 секунды

    Что-то всё заморочено как-то.
    Не проще без всяких библиотек отправить аяксом запрос, в скрипте всё сформировать и отсортировать и готовый вариант просто выдать?
    from TRIAL with LOVE
  • Faster

    Сообщения: 1159 Репутация: N Группа: Кто попало

    Spritz 23 января 2010 г. 6:58, спустя 14 минут 31 секунду

    я так и делаю всегда.экономит время
  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 23 января 2010 г. 10:49, спустя 3 часа 51 минуту 14 секунд

    Не совсем правильно вы меня поняли.

    Есть список товаров. Допустим телефоны.
    Каждый товар можно пометить галочкой и удалить, можно захватив мышкой переместить вверх и вниз(тем самым изменив сортировку товара), и тут же можно добавить товар.

    Я не хочу добавлять товар в одном месте, сортировать в другом и удалять в третьем.
  • phpdude

    Сообщения: 26624 Репутация: N Группа: в ухо

    Spritz 23 января 2010 г. 10:59, спустя 9 минут 43 секунды

    Professor, на фотке галстук фотошопный? если нет то круто его выделило =))
    Сапожник без сапог
  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 23 января 2010 г. 11:03, спустя 4 минуты 33 секунды

    Не, не фотошопный. original =)
  • krasun

    Сообщения: 1370 Репутация: N Группа: Джедаи

    Spritz 23 января 2010 г. 14:37, спустя 3 часа 33 минуты 46 секунд

    phpdude, так фотоаппараты ж очень сильно реагируют на красный
  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 23 января 2010 г. 14:40, спустя 2 минуты 32 секунды

    Ага, как быки =)

Пожалуйста, авторизуйтесь, чтобы написать комментарий!