easyUI datagridフロントフォームデータ転送json送信バックグラウンドリクエストロードを実現
問題の引き出し
easyUIのdatagridでは、loadメソッドを使用してバックグラウンドにデータを送信できます.
質問ですが、多くの場合、リストページの検索ボックスには通常多くの検索条件があります.このような条件のスペル値が正しいと、時間がかかりますが、検索条件を迅速にjsonに変換する方法はありますか?答えはある!
ソリューション
直接上コード:JSコード:
フォームバッチjsonオブジェクトの転送方法:
easyUIのdatagridでは、loadメソッドを使用してバックグラウンドにデータを送信できます.
$('#dg').datagrid('load',{
code: '01',
name: 'name01'
});
質問ですが、多くの場合、リストページの検索ボックスには通常多くの検索条件があります.このような条件のスペル値が正しいと、時間がかかりますが、検索条件を迅速にjsonに変換する方法はありますか?答えはある!
ソリューション
直接上コード:JSコード:
/***************** ****************************/
$(function () {
$("#searchBtn").click(function () {
const serializeArr = $('#fm1').serializeObject();
$('#dg').datagrid('load', serializeArr);
});
})
フォームバッチjsonオブジェクトの転送方法:
/**
* form json
*/
$.fn.serializeObject = function() {
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name]) {
if (!o[this.name].push) {
o[this.name] = [ o[this.name] ];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};