app-framework学习--panel传值

 作者:木尘 日期:2015-01-17

app-framework学习--panel传值

关于appframework页面传值问题,好多人问,今天在这里给几点建议:

1.本地数据存取

/********   本地数据存取函数   *********/
var localStorageUtils = {
    setParam : function(name, value) {
        localStorage.setItem(name, jsonUtils.toString(value));
    },
    getParam : function(name) {
        var obj = localStorage.getItem(name);
        return jsonUtils.toJson(obj);
    },
    removeParam : function(key) {
        return localStorage.removeItem(key);
    }
}

2.session数据存取

<pre name="code" class="javascript">/********   <span style="font-family: Arial, Helvetica, sans-serif;">session数据存取函数  </span>*********/

var sessionStorageUtils = { setParam : function(key, value) { sessionStorage.setItem(key,
value) }, getParam : function(key) { return sessionStorage.getItem(key) }, removeParam : function(key) { return sessionStorage.removeItem(key); }}


3.通过data-value的方法

<div id="panelID" class="panel"></>
js:
var value = {a:"aaa",b:"bbb"};
//设置:
$("#panelID").data("value",value);
//获取
var dataset = $("#panelID").data("value");
console.info(dataset);

4.字符串截取等。。。

时间: 2024-10-08 12:04:02

app-framework学习--panel传值的相关文章

jqMobi(App Framework)入门学习(一)

jqMobi(App Framework)入门学习(一) 1. 什么是jqMobi? jqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架,是个极其快速的查询选择库,支持W3C查询. jqMobi源码是基于jQuery源码重写的,但是两者又属于不同的产品,jqMobi体积更小,速度更快,兼容性也有所不同. 上面这段话来自百度百科,但是目前由于jqmobi已被收购并不断发展,而且jqmobi并不仅仅局限于查询选择库,所以上面的解释并不是很全面. 2. jqMo

[Learn AF3]第三章 App Framework 3组件之Panel:afui的核心

Panel,afui的核心组件 组件名称:Panel     使用说明:按照官方的说法,panel组件是af3的“核心(heart of the ui)”,panel用于构造应用中独立的内容展示区域,是真正用于装载信息和用户交互的控件的地方,panle控件还需要声明在class="pages"的div元素之中.     方法:同样panel并非一个javascript的类,也没有专属方法. 属性:panel可用的声明式属性,说到这个,不得不说intel app framework的文档

Entity Framework 学习

Entity Framework 学习初级篇1--EF基本概况... 2 Entity Framework 学习初级篇2--ObjectContext.ObjectQuery.ObjectStateEntry.ObjectStateManager类的介绍... 7 Entity Framework 学习初级篇3-- LINQ TOEntities. 10 Entity Framework 学习初级篇4--EntitySQL. 17 Entity Framework 学习初级篇5--ObjectQ

[Learn AF3]第五章 App Framework 3组件之Drawer——Side Menu

Drawer——Side menu 组件名称:Drawer     说明:af3中的side menu和af2中有很大变化,af3中的side menu实际上是通过插件$.afui.drawer来实现的     方法: show (id, position, string) 显示side menu,参数中指定的是nav的 id, 要显示的位置:left.right,指定变换效果:cover,reveal,push hide (string,string) 隐藏Side Menu,参数为nav的i

Entity Framework学习中级篇

1-EF支持复杂类型的实现 本节,将介绍如何手动构造复杂类型(ComplexType)以及复杂类型的简单操作. 通常,复杂类型是指那些由几个简单的类型组合而成的类型.比如:一张Customer表,其中有FristName和LastName字段,那么对应的Customer实体类将会有FristName和LastName这两个属性.当我们想把FirstName和LastName合成一个名为CustomerName属性时,此时,如果要在EF中实现这个目的,那么我们就需要用到复杂类型. 目前,由于EF不

[Learn AF3]第四章 App framework组件之Button

Button    组件名称:Button     是否js控件:否     使用说明:如果说panel组件是af3的“核心(heart of the ui)”,那么Button就是af中的五虎上将之一,在af app中使用的频率非常之高. 1,在af中你可以让任何元素表现的像个button控件,比如下面的三种元素,将会呈现的一模一样: 1 <a class="button">Home</a> 2 <span class="button"

Android自复制传播APP原理学习(翻译)

 Android自复制传播APP原理学习(翻译) 1 背景介绍 论文链接:http://arxiv.org/abs/1511.00444 项目地址:https://github.com/Tribler/self-compile-Android 吃完晚饭偶然看到这篇论文,当时就被吸引了,马上翻译总结了一下.如有错误欢迎斧正. 该论文的研究出发点比较高大上这里我们就不多说了,简而言之就是想通过移动设备来实现一个自组网,在发生灾难的时候,手机之间能够自动传输关键数据,减少损失.整个目标通过设计一个能够

[译]App Framework 2.1 (2)之 About

英文原文在此:http://app-framework-software.intel.com/documentation.php#App Framework/af_about App Framework 是一个为移动设备从头构建的快速查询选择器库.认识到之前存在的框架如:jQuery 和 ZeptoJS设计的基础.我们确定了仅仅只需要实现必要的API,以便提升性能的方式.我们目前为App Framework 支持超过60多个与jQuery兼容的语法.完整的列表,点击这里

[译]App Framework 2.1 (2)之 Get Involved

App Framework  API 第二篇 原文在此:http://app-framework-software.intel.com/documentation.php#intro/involved Intro -> Get Involved( 简介-> 参与 ) 首先,前往 Github 并且复制一份代码.你可以开始使用他的核心,分解它,解决问题,并改进它.当你准备好了的话,你提交一份请求并附上如下内容: 提交的概述 解决的bug/增加的特性 上述的测试用例 所做的这些改动会影响当前的安装