Jquery Flexigrid는 flexigrid가 처음 실행 된 경우에만 다시로드합니다.

Question

flexigrid를 사용하여 양식의 값을 사용하여 결과를 표시하려고합니다. 그래서 사람이 폼을 클릭하면 처음으로 버튼을 클릭하여 테이블을 초기화 할 때 flexigrid 함수를로드하려고합니다. 그런 다음 누군가가 양식의 값을 조정 한 다음 버튼을 다시 클릭하면 flexigrid 테이블을 새 양식 값으로 다시로드합니다. 한 기능에서 어떻게이 작업을 수행 할 수 있습니까? 지금은 그들이 버튼을 클릭하면 다음이 실행 페이지로드에서 실행되는 flexigrid 코드가 :

<script type="text/javascript"> 
$(function() { 

$('#RunReport').click(function() { 
    var report_name = $('input[name=report-name]').val(); 
    var report_cell = $('input[name=report-cell]').val(); 
    var query_url = encodeURI('name=' + report_name + '&cell=' + report_cell); 
    $('#reporting').flexOptions({ url: '/report.php?' + query_url }).flexReload(); 
}); 

}); 
</script> 

을하지만 난 단지 다시로드 flexigrid 경우를 실행하는 하나의 함수에 모든 것을 원 대신 두 기능에있는의 이미 초기화되었습니다. 이것이 모든면에서 여전히 새롭기를 희망합니다.

Answer 1

<script type="text/javascript"> 

function runreport() { 
    $('#RunReport').click(function() { 
     var report_name = $('input[name=report-name]').val(); 
     var report_cell = $('input[name=report-cell]').val(); 
     var query_url = encodeURI('name=' + report_name + '&cell=' + report_cell); 
     $('#reporting').flexOptions({ url: '/report.php?' + query_url }).flexReload(); 
    }); 
} 

$(document).ready(function() { 
    runreport(); 

    $('#RunReport').click(function() { 
     runreport(); 
    }); 
}); 
</script>