2013-03-11 2 views
0

Pls는 기본적으로 양식을 사용하여 데이터 테이블을 필터링하려고합니다.codeigniter datatables 양식에서 데이터를 가져옵니다.

각 입력에는 제출 된 양식의 쿼리에 영향을주는 값이 있습니다.

여기 내 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   
    });  
});   

는이 내가 내 양식을 제출 나는 아무것도 얻을 수 없을 때

<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" />    
내 HTML 양식

입니다.

나는 올바른 방법으로하고 있습니까?

pls help.

는 IT가

"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 
       }); 
     }, 

이 내 문제에 대한 해결책이 될해야한다 GOT. 나는이

+0

http://www.grocerycrud.com/ 당신은 데이터 테이블에 내장 된 식료품 CRUD를 살펴 걸릴 수도 있습니다/codeigniter에 대한 flexigrid 라이브러리, 당신은 datatables을 사용하려는 경우 더 긴 라인을 코딩해야하는 번거 로움을 덜어 준다. – tomexsans

+0

감사합니다. 이미 해결책을 찾았습니다. –

답변

0

사용 방화범이 오류를 확인하기 위해 모질라에서 기능 추가 대신 푸시의 직렬화 사용 didnt한다

+0

미안하지만 방화범을 사용하여 익숙하지 않습니다. 제 데이터 테이블에 문제가 있다고 생각합니다. jquery. 새로 데이터 테이블에. 나는 단지 기본 사용법을 사용하여 datatables에 대한 지식을 가지고있다. –

+0

Fire Bug는 jquery 오류를 추적하는 Mozilla Firefox의 추가 기능입니다. 단지 그것에 대해 조사해 보면 많은 도움이됩니다. – jalborres

+0

https://addons.mozilla.org/en-US/firefox/addon/firebug /이 파이어 버그를 다운로드하고 그것을 사용하는 법을 배웁니다 .. ,, – jalborres

관련 문제