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

浏览数：30 / 时间：2015年06月09日

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

技术分享

下面是实例代码：

//初始绑定
    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 % 2 == 0) {
                        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();
    }