Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将jquery数据表与php mysql数据一起使用-进一步开发_Javascript_Jquery_Mysql_Flexigrid - Fatal编程技术网

Javascript 将jquery数据表与php mysql数据一起使用-进一步开发

Javascript 将jquery数据表与php mysql数据一起使用-进一步开发,javascript,jquery,mysql,flexigrid,Javascript,Jquery,Mysql,Flexigrid,我一直在探索jquery数据表和FlexGrid插件,以显示mysql数据库中的数据。 我有两个版本显示来自php脚本的数据库的数据。那一切都好 但是,我想添加一个表单,以便能够根据条件进行搜索,例如从日期到日期、类型等。多个临界值。Flexi grid有一个基本的过滤器——我没有深入研究datatable 我不需要使用插件就可以做到这一点,但我希望我的结果显示在所选的datagrid中,然后使用该表功能。我只是不确定如何做到这一点的工作流程 如何从表单提交的回调中启动FlexGrid或data

我一直在探索jquery数据表和FlexGrid插件,以显示mysql数据库中的数据。 我有两个版本显示来自php脚本的数据库的数据。那一切都好

但是,我想添加一个表单,以便能够根据条件进行搜索,例如从日期到日期、类型等。多个临界值。Flexi grid有一个基本的过滤器——我没有深入研究datatable

我不需要使用插件就可以做到这一点,但我希望我的结果显示在所选的datagrid中,然后使用该表功能。我只是不确定如何做到这一点的工作流程

如何从表单提交的回调中启动FlexGrid或datatable的创建,以及回调的结果?我是否将结果保存在变量中并将其传递给插件

我希望我的问题有意义。我知道我想做什么,只是不知道怎么做

我对php-newsih到javascript没有意见

谢谢

Flexigrid 您可以创建一个表单(例如,将其称为
searchForm
),然后序列化此数据并将其传递到Flexigrid搜索参数中

然后,单击按钮即可将表单数据添加到Flexigrid实现:

$(function () {
    $('#btnSearch').click(function () {
        addFormData();

        // Reload the grid from the URL, passing in search parameters from addFormData
        $('#flexGrid').flexOptions({ url: '/search/here/' }).flexReload();
    });
});
addFormData
函数只是将表单中的数据序列化,并将其添加到Flexigrid回调到服务器的参数中:

function addFormData() {
    //Retrieve all input data from the searchForm
    var allSearchParams = $('#searchform').serializeArray();
    //Add the parameters to Flexigrid, so when it reloads, it will use them to filter the data
    $("#flexGrid").flexOptions({ params: allSearchParams });
    return true;
}
数据表
DataTables有方便的插件,例如,它有服务器端过滤功能,可以为您完成所有这些工作,或者我建议您阅读DataTables。

非常好的答案-谢谢。我会用flexigrid了解你的方法。美好的