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>