jquery - 仅当 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>