仅当Flexigrid最初运行时才重新加载Jquery 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>