jquery Mobile 1.0 を使用しています。注文リストを表示する必要があります。デフォルトですべてのレコードを表示し、ドロップダウン選択でレコードをフィルタリングします。
これは私が試したものです
function show_List(urlObj, options) {
var sortValue = 0;
var headerTextList;
$("#dList").bind("change", function (event, ui) {
sortValue = $(this).val();
if (sortValue == 1) {
headerTextList = "<B><font color=navy>Completed Work Orders </font></B>";
}
else if (sortValue == 2) {
headerTextList = "<B><font color=navy>In Process Work Orders </font></B>";
}
else if (sortValue == 3) {
headerTextList = "<B><font color=navy>Pending Work Orders </font></B>";
}
else if (sortValue == 0) {
headerTextList = "<B><font color=navy>All Work Orders </font></B>";
}
getListView(sortValue, urlObj, options, headerTextList);
// ajax call based on sortvalue
});
getListView(sortValue, urlObj, options, headerTextList);// ajax call
// ajax call based on sortvalue
}
上記のメソッド呼び出し
$(document).bind("pagebeforechange", function (e, data) {
if (typeof data.toPage === "string") {
var u = $.mobile.path.parseUrl(data.toPage);
var qrcode = /^#Orderlist/;
if (u.hash.search(qrcode) !== -1) {
show_List(u, data.options);
e.preventDefault();
}
)};
正常に動作していますが、メソッドgetListView
を 2 回呼び出します。ajax 呼び出しは 1 つだけ必要です。アイデアはありますか?