首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >当我单击一个按钮时,如何通过AJAX触发jquery datatables fnServerData来更新表?

当我单击一个按钮时,如何通过AJAX触发jquery datatables fnServerData来更新表?
EN

Stack Overflow用户
提问于 2012-07-20 01:46:10
回答 7查看 28.6K关注 0票数 18

我将datatables插件用于服务器端数据,并使用AJAX更新表。

我的dataTables设置如下所示:

代码语言:javascript
复制
tblOrders = parameters.table.dataTable( {
    "sDom": '<"S"f>t<"E"lp>',
    "sAjaxSource": "../file.cfc",
    "bServerSide": true,
    "sPaginationType": "full_numbers",  
    "bPaginate": true,
    "bRetrieve": true,
    "bLengthChange": false,         
    "bAutoWidth": false,
    "aaSorting": [[ 10, "desc" ]],      
    "aoColumns": [                      
        ... columns 
                  ],
    "fnInitComplete": function(oSettings, json) {
        // trying to listen for updates
        $(window).on('repaint_orders', function(){
            $('.tbl_orders').fnServerData( sSource, aoData, fnCallback, oSettings );
            });
        },
    "fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
        var page = $(oSettings.nTable).closest('div:jqmData(wrapper="true")')
        aoData.push(
            { "name": "returnformat", "value": "plain"},
            { "name": "s_status", "value": page.find('input[name="s_status"]').val() },
            { "name": "s_bestellnr", "value": page.find('input[name="s_bestellnr"]').val() },
            { "name": "form_submitted", "value": "dynaTable" }
            );
        $.ajax({ "dataType": 'json', "type": "POST", "url": sSource, "data": aoData , "success": fnCallback });
        }

我有一些自定义字段用于过滤服务器端的数据,我将其与AJAX请求一起推送。问题是,我不知道如何从表外触发JSON请求。如果用户在筛选器中键入内容,fnServerData将触发并更新表。但是,如果用户选择表外的控件,我不知道如何触发fnServerData函数。

现在,我正在尝试在fnInitComplete中触发和侦听的自定义事件。虽然我可以检测到用户选择了自定义过滤条件,但我缺少正确触发fnServerData所需的所有参数。

问题

有没有办法从实际的dataTables表之外的按钮触发fnServerData?

我想我可以尝试在过滤器中添加一个空格,但这不是一个真正的选择。

感谢您的投入!

问题

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11566463

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档