<div id="page_1" class="page out">
    <a href="#page_2">点击跳转到下一页查看函数效果</a>
    <abbr id="C6AABD36C1A000016ABC1BFFBC731376" data-type="UrlList"></abbr>
</div>
<div id="page_2" class="page out">
    <h4>点击下列链接返回上一页并刷新Url列表</h4>
    <a href="javascript:;" onclick="refreshPrevPageList1()">基础用法 - 缺省列表id</a>
    <a href="javascript:;" onclick="refreshPrevPageList2()">刷新后的回调用法</a>
    <a href="javascript:;" onclick="refreshPrevPageList3()">进阶用法 - 只显示分类为公司新闻的数据</a>
</div>
<style>
.page{ background-color: #fff; }
h4 { margin: 10px; }
a {
    display: block;
    padding: 5px 16px;
    color: #108ee9;
    text-decoration: underline;
}
</style>
<script>
function refreshPrevPageList1 () {
    Mobile_NS.refreshPrevPageList().then(function () {
        Mobile_NS.backPage();
    });
}

function refreshPrevPageList2 () {
    Mobile_NS.refreshPrevPageList("C6AABD36C1A000016ABC1BFFBC731376", function () {
        Mobile_NS.msg("刷新完成1");
    }).then(function () {
        Mobile_NS.backPage();
    });
}

function refreshPrevPageList3 () {
    var urlListId = "C6AABD36C1A000016ABC1BFFBC731376";
    var params = {
        ctype: 2 // 公司新闻
    };

    Mobile_NS.refreshPrevPageList(urlListId, params, function () {
        Mobile_NS.msg("刷新完成2");
    }).then(function () {
        Mobile_NS.backPage();
    });
}

/** 
 * 以下代码为页面插件的初始化，demo效果所需，无需关注
**/
require(["UrlList"], function (UrlList) {
    var option = {
        url: "/mobilemode/mobile/demo/plugin/UrlList/data.jsp",
        pageSize: 3,
        showset: {
            titlefield: "{title}",
            imgfield: "<img src='{avatar}' style='width:40px;height:40px;border-radius:40px;'/>",
            otherfields: [
                "内容:{content}",
                "分类:{cat}",
                "日期:{date}"
            ]
        },
        searchTips: "输入关键字"
    };

    new UrlList({
        el: "C6AABD36C1A000016ABC1BFFBC731376",
        option: option
    }).render();
});
</script>