Объект DataTable встроенного редактирования ? jQuery datatable ?
Привет
Теперь я облажался и должен изменить всю свою функциональность datatable .
Теперь мне нужно, чтобы у меня был редактировать ссылка в виде столбца на каждую строку таблицы данных . когда я нажимаю на кнопку Изменить, столбцы должны превратиться в соответствующие элементы управления, то есть текстовые поля,раскрывающиеся списки .
Это мой код, в котором я ранее занимался редактированием/обновлением ячеек .
КОД:
$(document).ready(function () { var tab = $('#myDataTable').dataTable({ "oTableTools": { "sSwfPath": "../../Content/copy_cvs_xls_pdf.swf" }, "bProcessing": true, "bServerSide": true, "sAjaxSource": 'DataProvider', "bJQueryUI": true, "sDom": '<"H"TCfr>t<"F"ip>', "oTableTools": { "aButtons": [ { "sExtends": "copy_to_div", "sButtonText": "Copy to div", "sDiv": "copy", } ] }, "aoColumns": [ { "sName": "ID" , "bVisible" : false }, { "sName": "COMPANY_NAME", "sClass": "hidden-xs" , "fnRender": function(oObj) { return '<a href=\"Home/Details/' + oObj.aData[0] + '\">' + oObj.aData[1] + '</a>'; } }, { "sName": "ADDRESS" }, { "sName": "TOWN" } //this will be drop-down assume ] }); //This will be useful no more i guess :( sad tab.makeEditable({ "aoColumns": [ null, null, { indicator: 'Saving...', tooltip: 'Click to select town', loadtext: 'loading...', type: 'select', onblur: 'submit', loadurl: 'AjaxDataProvider1' }] }); }); </script>
PS: Как только колонка отредактированных данных достигла контроллера, это означает, что я могу делать все . Я пытаюсь с 4-5 часов непрерывно, но до сих пор понятия не имею :(
Просто выше 3 столбцов (текст,текст,выпадающий список) + один столбец ссылки редактирования .. ..
Вот ссылки, которые я пробовал, пожалуйста, один раз посмотрите на это и поделитесь своими идеями :
https://editor.datatables.net/release/DataTables/extras/Editor/examples/inlineControls.html[^]
http://datatables.net/media/blog/inline-editing/complete.html[^]
С уважением