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

下面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();

    }