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