0

嗨，我正在为我的应用程序使用 Prime Ui 和 RestFul Web 服务。我有一个数据表，当我单击一行时，会出现一个对话框，其中包含一个表单，其中包含表行的绑定和一个用于在我编辑它时提交的按钮。现在提交后我只需要刷新表格，我快疯了，但它仍然无法正常工作。

这是我的 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');
        }
    } ]
});

更新有效，但我无法刷新表格，对话框的成功方法功能为空，因为我不知道我要写什么！有谁能帮助我吗？

4

1 回答 1

0

Primeui 有可以通过 JQuery 访问的方法，但没有刷新按钮。但是，我可以将您链接到在分页器和数据表上定义此类方法的示例（primeui - php）。

 //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/

于 2015-10-30T17:03:29.507 回答