Javascript 将jquery数据表与php mysql数据一起使用-进一步开发
我一直在探索jquery数据表和FlexGrid插件,以显示mysql数据库中的数据。 我有两个版本显示来自php脚本的数据库的数据。那一切都好 但是,我想添加一个表单,以便能够根据条件进行搜索,例如从日期到日期、类型等。多个临界值。Flexi grid有一个基本的过滤器——我没有深入研究datatable 我不需要使用插件就可以做到这一点,但我希望我的结果显示在所选的datagrid中,然后使用该表功能。我只是不确定如何做到这一点的工作流程 如何从表单提交的回调中启动FlexGrid或datatable的创建,以及回调的结果?我是否将结果保存在变量中并将其传递给插件 我希望我的问题有意义。我知道我想做什么,只是不知道怎么做 我对php-newsih到javascript没有意见 谢谢Flexigrid 您可以创建一个表单(例如,将其称为Javascript 将jquery数据表与php mysql数据一起使用-进一步开发,javascript,jquery,mysql,flexigrid,Javascript,Jquery,Mysql,Flexigrid,我一直在探索jquery数据表和FlexGrid插件,以显示mysql数据库中的数据。 我有两个版本显示来自php脚本的数据库的数据。那一切都好 但是,我想添加一个表单,以便能够根据条件进行搜索,例如从日期到日期、类型等。多个临界值。Flexi grid有一个基本的过滤器——我没有深入研究datatable 我不需要使用插件就可以做到这一点,但我希望我的结果显示在所选的datagrid中,然后使用该表功能。我只是不确定如何做到这一点的工作流程 如何从表单提交的回调中启动FlexGrid或data
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了解你的方法。美好的