0

基本的に、フォームを使用してデータテーブルをフィルタリングしたいのですが。

各入力には、送信されたフォームのクエリに影響を与える値があります。

ここに私のJQUERYがあります。

$("#submit").click(function (e) {               

    $('#table').dataTable
    ({  

        "sAjaxSource": "index.php/report/get_report",       
        "sServerMethod": "POST",        
        'fnServerData': function (url, data, callback) {
        // Add new data 
            dataString = $("#myform").serialize();
            $.ajax({
                'url': "index.php/report/get_report",
                'data': dataString,
                'type': 'POST',
                'success': callback,
                'dataType': 'json',
                'cache': true
            });
        },                          
        'bServerSide'    : true,
        "aaSorting": [[ 3, "desc" ]],
        "bPaginate": true,                       
        "bSortClasses": false,
        "bAutoWidth": true,
        "bInfo": true,          
        "iDisplayLength"    : 3,        
        "bScrollCollapse": true,                                        
        "oLanguage": {
            "sSearch": "Search:"
        },
        "bDestroy": true        
    });     
});         

これは私のHTMLフォームです

<form name="myform">                                        
    <label>Employee:</label>
    <input type="text" name="employeeid" id="employeeid" title="Type Employee" />
    <label>Training Type: </label>
        <select name="trainingtype" id="trainingtype" >
        <option value="" selected="selected">All</option>
        <option value="1">Externally Facilitated Training</option>
        <option value="3">Internally Facilitated Training</option>
        <option value="2">Webcast/E-Learning</option>
        </select>                                       
    <label>Datestart</label>
    <input type="text" class="field size3" name="datestart" id="datepicker_s" />                    
    <label>Dateend </label>
    <input type="text" class="field size3" name="dateend" id="datepicker_e" />              
    <input type="hidden" id="txtsearchid" name="txtsearchid">
    <input type="button" class="button" value="Submit" id="submit" />               

フォームを送信しても何も得られません。

私は正しい方法でやっていますか?

助けてください。

とった

"fnServerData": function ( sSource, aoData, fnCallback ) {
                //REQUIRED: Add a Post variable with the object value                   
                aoData.push( 
                    { "name": "txtsearchid", "value": $( "#txtsearchid" ).val() },
                    { "name": "datestart", "value": $( "#datepicker_s" ).val() },
                    { "name": "dateend", "value": $( "#datepicker_e" ).val() },
                    { "name": "trainingtype", "value": $( "#trainingtype" ).val() }

                );

                $.ajax( {
                        dataType: 'json',
                        type: "POST",
                        url: sSource,
                        data: aoData ,
                        success: fnCallback
                } );
        },

これは私の問題の解決策でなければなりません。プッシュの代わりにシリアル化されたものを使用しませんでした

4

1 に答える 1

0

Mozilla の Firebug アドオンを使用してエラーを確認します

于 2013-03-11T06:07:04.890 に答える