jquerymobile知识点:动态Grid的绑定以及刷新

时间:2021-11-08 11:02:10

下面jquerymobile是ajax动态绑定和刷新的例子。直接上图以及代码。

jquerymobile知识点:动态Grid的绑定以及刷新

下面是实例代码:

//初始绑定
function GetInitBind(PageIndex, PageSize, sqlwhere, OrderType) {
showLoading();
var adapGrid = $("#adapGrid");
$.ajax({
type: "POST",
url: "/Ashx/YouHui.ashx?MethodName=GetSealsList&PageSize=" + PageSize + "&PageIndex=" + PageIndex + "&date=" + new Date().getTime() + "&SqlWhere=" + sqlwhere + "&OrderType=" + OrderType,
data: "",
dataType: "json",
success: function (data) {
data = eval(data);
var strleft = "";
$.each(data.List, function (i, item) {//打折商品列表
if (i % == ) {
strleft += "<div class='ui-block-a' style='height:100%'>";
strleft += "<img style='width:99%;' src='" + item.YouhuiFilepath + "'/>";
strleft += "<a class='descriptions'>";
strleft += "<p>剩余时间:" + unescape(item.Day) + "</p>";
strleft += "</a>";
strleft += "</div>";
} else {
strleft += "<div class='ui-block-b' style='height:100%'>";
strleft += "<img style='width:99%;' src='" + item.YouhuiFilepath + "'/>";
strleft += "<a class='descriptions'>";
strleft += "<p>剩余时间:" + unescape(item.Day) + "</p>";
strleft += "</a>";
strleft += "</div>";
}
});
adapGrid.append(strleft).trigger("create");//重要(刷新)
},
error: function (data) {
// $("#goodlist").html("数据有误!");
}
});
hideLoading();
}