как обновить таблицы данных (плагин jquery) без перезагрузки страницы - PullRequest
4 голосов
/ 03 мая 2011

пожалуйста, помогите мне, я очень новичок У меня есть вопрос о datatables (jquery plug-in) .

в каждой строке данных в таблице данных, у меня есть кнопка, чтобы удалить данные. когда я нажимаю кнопку удаления, данные в этой строке удаляются.

вопрос в том, могу ли я обновить таблицу данных без перезагрузки страницы? поэтому при нажатии кнопки «Удалить» без перезагрузки страницы количество строк может уменьшиться.

это мой код: (просто к сведению, мой идентификатор таблицы для datatble: id = "mydatatable")

html delete button on each rows data:
-------------------------------------

<button onclick="delete('id')">Delete</button>


javascript:
-----------

delete(id)
{
    delete_ajax(id);            //deleting data using ajax

    window.location.reload()    //reloading page, this what i want to change 
                                //(just refresh datatable grid without reload the page)
}

большое спасибо:)

Ответы [ 5 ]

4 голосов
/ 21 марта 2012

Это один из многих способов быстрого обновления таблицы

table=$("table.datatable").dataTable();
table.fnPageChange("first",1);
2 голосов
/ 03 мая 2011

Посмотрите на API.Вы должны быть в состоянии вызвать fnDeleteRow для вашего объекта datatables.

http://www.datatables.net/api

1 голос
/ 26 июля 2012

Это сделает свое дело ->

oTable.fnDraw (false);

U может звонить так

     setInterval(function ref(){
    oTable.fnDraw(false);
    },8000);
1 голос
/ 03 мая 2011

если ваша функция delete_ajax() обрабатывает бизнес-логику и если вы хотите удалить текущую строку, вы можете легко удалить строку, используя $('rowobject').hide().

0 голосов
/ 07 февраля 2018

Если вы хотите только перезагрузить данные текущей страницы, вы можете использовать этот код.

table.ajax.reload();

Пожалуйста, обратитесь к этому DataTable ajax.reload ()

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...