Prime ui Datatable Обновление после Ajax Post

Question

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

Это мой 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); 
    } 

Вот ссылки со всем источником aveliable:

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/