离线应用js

离线应用js

通过ajax得到数据，完了通过tpl_Index_List和json数据进行模板的对接，最后通过  $listview.listview('refresh');刷新列表页

$('#index_index').live("pagecreate", function() {
    var $li = "";
    var $strSubStr = "";
    var intSubNum = 0;
    var $webSite = rttophtml5mobi.website;
    var $webUrl = $webSite + '/ch9/NewsApi.ashx?act=index';
    var $listview = $(this).find('ul[data-role="listview"]');
    var $tpl_Index_List = function($p_array, $p_items) {
        if (rttophtml5mobi.utils.getParam('user_sub_str') != null) {
            $strSubStr = rttophtml5mobi.utils.getParam('user_sub_str');
            var $arrSubStr = new Array();
            $arrSubStr = $strSubStr.split(",");
            intSubNum = $arrSubStr.length - 1;
            for (var i = 0; i < $arrSubStr.length - 1; i++) {
                $.each($p_items.Table, function(index, item) {
                    if (item.news_cateid == $arrSubStr[i]) {
                        $li = '<li class="lst" data-icon="false"><a href="newscate.htm" data-ajax="false" data-catename="' + item.news_catename + '" data-id="' + item.news_cateid + '" style="margin:0px;padding:0px 0px 0px 55px"><img src="' + item.news_iconurl + '" alt="" /><h3>' + item.news_catename + '</h3></li>';
                        $p_array.push($li);
                    }
                })
            }
        } else {
            $li = '<li style="text-align:center">您还没有订阅任务类型新闻！</li>';
            $p_array.push($li);
        }
    }
    var $lst_Index_List = function() {
        $.getJSON($webUrl, {},
        function(response) {
            var li_array = [];
            $tpl_Index_List(li_array, response);
            var strTitle = '<li data-role="list-divider">我的订阅<span class="ui-li-count">' + intSubNum + '</span></li>';
            $listview.html(strTitle + li_array.join(''));
            $listview.listview('refresh');
            $listview.delegate('li a', 'click', function(e) {
                rttophtml5mobi.utils.setParam('cate_link_id', $(this).data('id'))
                rttophtml5mobi.utils.setParam('cate_link_name', $(this).data('catename'))
            })
        })
    }
    $lst_Index_List();
})