`
流浪鱼
  • 浏览: 1682077 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

离线应用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();
})

 

分享到:
评论

相关推荐

    HTML5离线应用

    5. **server.js**:可能是一个简单的服务器端脚本,用于支持离线应用的后台功能,如数据同步。虽然离线应用能在本地运行,但一旦恢复网络,它们通常会尝试与服务器同步数据。 6. **notes.manifest**:这是一个非常...

    《apache2下部署的配置离线应用搭建及html5离线应用流程介绍 》附件

    3. 设置Document Root:定义离线应用的根目录,存放HTML、CSS、JavaScript以及manifest文件。 4. 启用配置:使用`a2ensite`命令(或相应的系统命令)启用新配置,并重启Apache2使更改生效。 5. 配置manifest文件:...

    HTML5离线应用实例介绍

    通过结合使用这些存储技术,可以构建出功能强大且具有良好用户体验的离线应用。 综上所述,HTML5的离线应用技术为开发者提供了丰富的工具和方法来创建可在离线状态下工作的Web应用。无论是移动设备还是桌面环境,都...

    百度地图离线版Javascript API 2.0版

    本文将详细介绍百度地图离线版Javascript API 2.0版,这是一个适用于开发者在没有网络连接的情况下依然可以使用的地图服务解决方案。该版本提供了全面的功能和丰富的示例,帮助开发者构建基于地图的应用程序。 首先...

    百度地图JavaScriptAPI离线版.zip

    百度地图JavaScript API是百度提供的一款强大的地图开发工具,它...无论是用于企业内部系统还是移动设备上的离线应用,都是一个实用的选择。然而,使用时也需注意版权、兼容性和性能等问题,确保应用的稳定性和合法性。

    百度地图 百度离线地图 js+c#

    在这个“百度地图 百度离线地图 js+c#”的主题中,我们将深入探讨如何利用JavaScript和C#语言来开发与百度地图相关的离线功能。 首先,我们要理解的是百度离线地图的概念。离线地图允许用户在没有网络连接的情况下...

    第8章 离线应用

    离线应用是现代Web开发中的一个重要概念,尤其是在移动设备或网络不稳定的情况下,它允许用户在没有互联网连接时仍然能够访问和使用部分或全部应用程序的功能。本章将深入探讨离线应用的设计原理、实现技术和相关...

    使用 HTML5 开发离线应用

    HTML5 离线应用开发是一项关键特性,它允许用户在无网络连接的情况下仍然可以访问和使用部分Web应用程序。这一功能主要依赖于HTML5的离线缓存机制,通过一个称为`cache manifest`的文件来指定需要缓存的资源。当用户...

    百度离线地图js资源包.zip

    标题中的“百度离线地图js资源包.zip”指的是一个包含了百度地图相关JavaScript资源...开发者需要对JavaScript、前端框架如Vue.js以及百度地图API有深入的理解,才能充分利用这个资源包,打造功能完善的离线地图应用。

    tomcat7下部署的firefox中配置离线应用搭建相关代码

    在本示例中,我们将探讨如何在Tomcat7服务器上部署一个基于Firefox的离线应用,并通过相关代码了解其实现原理。 首先,我们要明白离线应用的核心是`Application Cache`,也称为`AppCache`。它是一个资源缓存,允许...

    使用 HTML5 开发离线应用[转载]

    4. **测试与优化**:离线应用的开发同样需要全面的测试,确保所有功能在离线状态下都能正确运行,并进行必要的性能优化。 HTML5的离线应用开发不仅提高了应用的可用性和用户体验,也极大地拓展了Web技术的应用边界...

    百度离线地图JS及示例 V3.0

    总的来说,百度离线地图JS及示例 V3.0 提供了开发离线地图应用所需的一切资源,包括API库和示例代码,对于那些需要在无网络环境或者网络条件差的地方使用地图功能的开发者来说,这是一个非常实用的工具。通过深入...

    百度地图JavaScriptAPI离线版3.0.zip

    通过学习和理解以上知识点,开发者可以充分利用百度地图JavaScript API离线版3.0来构建各种离线地图应用,如导航系统、地理信息系统、房产查询等,即使在网络条件不佳的情况下也能提供可靠的地图服务。

    antv g6框架离线引用js包

    总的来说,AntV G6 提供了一个强大且灵活的平台,让开发者能够高效地创建各种数据可视化应用,即使在离线环境中也能通过本地引用 G6 的 JS 包实现。通过深入学习 G6 的 API 和实例,开发者可以充分利用其功能,为...

    axure离线应用

    离线应用版本的Axure使得设计师可以在没有网络连接的情况下继续进行设计工作,提高了效率和便利性。 Axure RP离线应用的工作原理是将必要的应用程序组件和运行时环境打包成一个可执行文件,这样用户就可以在本地...

    sheetJS 离线操作excel

    这个库被称为 `js-xlsx`,它的核心功能在于允许用户在浏览器端离线处理Excel数据,极大地减少了与服务器的交互,提升了应用程序的效率和用户体验。 在标题“sheetJS 离线操作excel”中,我们关注的重点是利用Sheet...

    离线桌面应用程序,例如由Vue + Electron支持的JSFiddle / CodePen / JSBin-JavaScript开发

    此处为SketchCode WPA(渐进式Web应用程序)版本https://github.com/keiww/sketch离线JSFiddle / CodePen / JSBin类似于由Vue + Electron提供支持的桌面应用程序下载链接macOS win32 64位SketchCode WPA(渐进式Web...

    echarts图表离线所需js文件

    本资源包含ECharts离线使用的几个关键JavaScript文件,主要适用于那些不希望在线加载或者在无网络环境下使用ECharts的开发者。 1. `echarts-gl.min.js`: 这是ECharts的一个扩展模块,增加了3D图表的支持。ECharts...

    天地图-离线地图使用的js和css

    "天地图-离线地图使用的js和css"这个主题涉及到的是如何在内网环境中使用天地图服务,通过修改过的源码实现离线访问。天地图是中国的一个权威地理信息系统,提供了丰富的地图数据服务,包括基础地图、卫星图像、地形...

Global site tag (gtag.js) - Google Analytics