2013-03-11 8 views
0

Помощник Pls в основном я хочу отфильтровать свою datatable с помощью формы.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   
    });  
});   

и это мой HTML FORM

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

, когда я представляю свою форму я ничего не получаю.

Im Я делаю правильный путь?

помощь в помощи.

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

это должно быть решение моей проблемы. Я не использовал сериализовать вместо толчка

+0

http://www.grocerycrud.com/ вы можете взглянуть на продуктовом CRUD, построенный в DataTable/flexigrid library for codeigniter, сэкономить время от необходимости кодировать более длинные строки, если вы хотите использовать данные datatables – tomexsans

+0

спасибо Я уже нашел решение –

ответ

0

Использование Firebug добавить дополнений от Mozilla, чтобы проверить ошибку

+0

жаль, что я не знаком с firebug, но я думаю, что у меня проблема с моими данными JQuery. Im недавно в datatables. Я использую только базовые знания о наборах данных. –

+0

Fire Bug - это дополнения Mozilla Firefox, которые отслеживают ошибку jquery. Просто попробуйте исследовать ее, и это вам очень поможет ... – jalborres

+0

https://addons.mozilla.org/en-US/firefox/addon/firebug/просто скачайте этот firebug и научитесь его использовать .. ,, – jalborres

Смежные вопросы