Обновление данных с помощью Prime ui Datatable после Ajax Post

Question

Привет, я использую Prime Ui для моего приложения с веб-службой RestFul. У меня есть дата, и когда я нажимаю на строку, появляется диалоговое окно с формой, которая содержит привязку строки таблицы и кнопку для отправки при редактировании. Теперь после отправки мне нужно обновить только таблицу, я схожу с ума, но она все еще не работает.

Это моя HTML таблица

<div id="tblremote" style="width:70%; margin-left:auto; margin-right:auto; padding-top:15px">

</div>

и это мой JavaScript

 $('#tblremote').puidatatable({  
        caption: 'Employees',  
        paginator: {  
            rows: 15  
        },  
        columns: [  
            {field:'name', headerText: 'name', sortable:true},
            {field:'surname', headerText: 'surname', sortable:true},  
            {field:'address', headerText: 'address', sortable:true},
            {field:'email', headerText: 'email', sortable:true}

        ],  
        datasource: function load(callback) {  
            $.ajax({  
                type: "GET",  
                url: '...',  
                dataType: "json",  
                context: this,  
                success: function(response) {  
                    callback.call(this, response);  
                }  
            });  
        },  
        selectionMode: 'multiple',  
        rowSelect: function(event, data) {  
            $('#dlg').puidialog('show');
            document.getElementById("name").innerHTML = data.name;
            document.getElementById("surname").innerHTML = data.surname;
            document.getElementById("address").innerHTML = data.address;
        },  
        rowUnselect: function(event, data) {  
            $('#messages').puigrowl('show', [{severity:'info', summary: 'Row Unselected', detail: (data.name + ' ' + data.surname)}]);  
        }  
    });  

$('#dlg').puidialog({
    showEffect : 'fade',
    hideEffect : 'fade',
    width       : 300,
    modal : true,
    location : 'center',
    buttons : [ {
        text : 'Submit',
        icon : 'ui-icon-check',
        click : function()
        {

            $('#dlg').puidialog('hide');
    $.ajax({  
                type: "POST",  
                url: url,  

                context: this,  
                success: function() { 
                =(((((((((((((  
                }  

            }); 
        }
    }, {
        text : 'Cancel',
        icon : 'ui-icon-close',
        click : function()
        {
            $('#dlg').puidialog('hide');
        }
    } ]
});

Обновление работает, но я не могу обновить таблицу, функция успеха метода диалога пуста, потому что я не знаю, что мне нужно написать! Есть кто-нибудь, кто может мне помочь?

Answer 1

В Primeui есть методы, к которым вы можете получить доступ через JQuery, но кнопки обновления нет. Однако я могу связать вас с примером (primeui - php), который определяет такой метод для paginator и datatable.

 //paginator, removes the class and creates again.
    this.element.removeClass('pui-paginator ui-widget-header');
    this._create();

 //datatable also defines a refresh method that later can use like this:
    success: function() { 
      $('#datatable').puidatatable('refresh',-1);
    }

Вот ссылки со всем доступным источником:

http://www.pm-consultant.fr/primeui/js/pmc/override/primeui-1.0/paginator.js

http://www.pm-consultant.fr/primeui/js/pmc/override/primeui-1.0/datatable.js

http://www.pm-consultant.fr/primeui/