Использование Jquery Datatable Jeditable без обязательного поля URL - PullRequest
Новая
       17

Использование Jquery Datatable Jeditable без обязательного поля URL

5 голосов
/ 24 октября 2011

Как вы можете использовать jquery.datatable и плагин jeditable без URL. Я просто хочу редактировать функциональность без сохранения на сервере. Вот что я пробовал: 

$('td', oTable.fnGetNodes()).editable(function(value, settings) { 
    console.log(this);
    console.log(value);
    console.log(settings);
    return(value);}, { 
       type    : 'textarea',
       submit  : 'OK',
       callback: function( sValue, y ) {
           var aPos = oTable.fnGetPosition( this );
       oTable.fnUpdate( sValue, aPos[0], aPos[1] );
     },
});

1 Ответ

9 голосов
/ 15 июля 2012

Я взял пример Jeditable (или jEditable) на datatables.net и изменил его на основе того, что Golden Bird предоставил в вопросе, и что Jeditable docs говорит по этой теме. Чтобы проверить, вы можете редактировать любое значение в сетке, сортировка применяется сразу, а также все остальные работы, связанные с таблицами данных (например, поиск нового значения). 

$(document).ready(function() {
    var oTable = $('table').dataTable();

    var theCallback = function(v, s) {
        // Do something with the new value
        return v;
    };
    $(oTable).find('td').editable(theCallback, {
        "callback": function(sValue, y) {
            var aPos = oTable.fnGetPosition(this);
            oTable.fnUpdate(sValue, aPos[0], aPos[1]);
        },
        "data": "{'0':'0%', '.1':'10%', '.15': '15%', '.2': '20%', 'selected':'0'}",
        "type" : "select",
        "submit" : "OK",
        "style": {"height": "100%","width": "100%"}
    });
});
...