WeX5数据绑定:attr绑定

attr绑定是用来为html元素绑定属性值的,这种绑定非常有用,例如我们需要想一个元素添加title属性,或者为img标签添加src属性。 示例代码: //.W片段 <a bind-attr="{ href: url, title: details }"> Report </a> //js片段 this.url=justep.Bind.observable("year-end.html"), this.details=justep.Bind.observable("Report including final year-end statistics") 绑定规则:向元素添加指定的属性,如果属性值为null,或undefined,则不会创建这个为元素创建属性。 另外,如果属性的名称不是合法的JavaScript变量,则需要用引号包裹起来,例如: <div bind-attr="{ 'data-something': someValue }">...</div> 本文由WeX5君整理,WeX5一款开源免费的html5开发工具,H5 App开发就用WeX5! 阅读其他app 开发相关文章:http://doc.wex5.com/?p=3443 [...]

WeX5数据绑定:style绑定

style绑定为元素添加一个或多个样式,如果需要绑定css,请参考style绑定。 示例代码: //.W片段 //&lt; 是<的转义符 <div bind-style="{ color: currentProfit.get() &lt; 0 ? 'red' : 'black' }"> Profit Information </div> //.js片段 //初始正值,div里的内容为黑色 this.currentProfit=justep.Bind.observable(150000); //设置为负值,div里的内容变为红色 this.currentProfit.set(-50); 绑定规则:style绑定规则和css绑定规则相似,都是通过表达式判断是添加或移除一个样式。 在style绑定中,我们同样会遇到和css绑定时一样的问题:当样式的名称不是合法的JavaScript变量的时候,我们应该怎么办呢? 例如:font-weight,我们应该写成:fontWeight,或者用引号包裹起来:'font-weight' 本文由WeX5君整理,WeX5一款开源免费的html5开发工具,H5 App开发就用WeX5! 阅读其他app 开发相关文章:http://doc.wex5.com/?p=3443

xcode7+iphone免费帐号打包详解

前言 目前xcode7已支持使用免费苹果ID帐号生成开发证书,这样在开发阶段就不用申请收费的苹果帐号也可以生成APP ipa包测试了。这篇文章将详细介绍xcode7+iphone使用免费苹果ID帐号生成开发证书打包测试的方法。 准备环境 如有MAC环境,需安装有xcode7,然后下载WeX5或BeX5_V3.4(Mac OS)版本解压使用。版本下载地址 如只有windows环境,需下载“X5本地应用打包服务器_V3.2.1”进行部署。部署说明(兼容3.4版本)。 如已安装过X5的打包服务器,也需下载“X5本地应用打包服务器_V3.2.1”进行部署,因V3.2.1版本以后的打包服务器里才安装的是xcode7。 一台iphone手机,做测试用。 连接iphone设备 将iphone手机使用数据线连接到MAC环境或windows环境的物理机器上。注意在手机弹出信任提示时,选择“信任”。 如果使用的是“X5本地应用打包服务器”,需要在物理机上的VMware里选择连接设备,如下图所示进行手机的连接。 iphone手机正常连接后,会在xcode7里点击时会显示如下手机的信息,如下图: 获取证书的方法 1、在MAC系统中打开xcode7,创建一个新的应用。 2、选择默认的iOS的Application里的Master-Detail Application即可,然后下一步。 3、在打开的窗口中输入应用信息。重要的是Product Name和Organization Identifier,这两部分会组成Bundle Identifier,就是WeX5平台APP打包时的应用包名。其他选项默认如图即可,然后下一步。 4、选择工程应用存储的路径后,点击创建按钮,打开应用详细界面,如下图: 5、Team默认为None,并显示No matching provisioning profiles found,说明没有证书和配置文件。点击Team栏,在弹出框里选择“Add an Account”,添加一个苹果ID帐号。   6、如果已有免费的苹果ID帐号,输入Apple ID和Password即可,然后Sing ln登陆即可。 7、如果没有免费的苹果ID帐号,点击下面的“Create Apple [...]

BeX5介绍–推送功能

BeX5从V3.2.1版本开始,内置支持了推送功能,支持将消息推送到多端:Android App, IOS App, 微信。 推送案例源码:message 运行效果            案例说明 消息内容 消息接收者:标识消息发送给哪些用户,可以是一个组织的FID或人的ID; 消息标题:显示在手机app通知栏或微信中的内容; 消息类型:默认值是default,对于这类消息,当点击通知栏中的消息标题时,会自动启动手机app,并打开消息中url指定的功能页面;用户可以在发送消息时,指定自己的消息类型,并在接收消息时,根据自定义类型进行处理; 消息页面:消息关联的功能页面,即当点击消息标题时,被打开的功能页面。 如何发送消息 Model.prototype.sendClick = function(event){ var sendData = this.comp("sendData"); if (sendData.isValid()){ var params = new biz.Request.ActionParam(); params.setString("targets", [...]

WeX5平台App打包教程

WeX5是前端快速开发框架,可开发跨端运行应用,是移动App/微信/WebApp开发利器,一次开发多平台运行。因此,WeX5开发的应用,不仅可以在微信上运行,也可以直接手机浏览器运行,或者打包成App下载运行。 WeX5开发的App可以打成Android apk包和iOS ipa包,iOS ipa包可以发布到苹果AppStore(苹果市场)。但是,你必须要有苹果开发账号才能上架苹果的AppStore,而且苹果审核比较严格,上架审核时间至少7-14个工作日,甚至会更长一些。 WeX5提供有windows和mac版本。如在windows环境下开发APP,打iOS App包时需使用打包服务器;如使用mac版本,打iOS App包时则不需要使用打包服务器。另外,打Android apk包不需要使用打包服务器。 WeX5开发的移动app最低支持Android4.0及以上,iOS6及以上。 App打包步骤介绍 步骤一:下载解压WeX5平台版本。下载地址 如果是windows环境,要打iOS的App包,则需要下载WeX5的windows和mac 两个版本。mac版本用于搭建打包服务器环境。如果是mac环境,则只需下载mac版本。 步骤二:搭建打包服务器环境。 如果是mac环境或者只打Android apk包可跳过该步骤。 WeX5/BeX5打包服务器(App-Builder)是通过服务方式把WeX5/BeX5开发工具(Studio)创建的本地应用进行打包和数字签名,开发者不用单独构建原生代码的编译环境,方便开发和调试。该打包服务器同时支持安卓和苹果APP打包。 搭建详细过程参看WeX5本地应用打包服务器环境搭建 步骤三:准备苹果打包证书。 如只打Android apk包可跳过该步骤。 参看iOS证书申请和使用说明,内容包括: 苹果开发帐号说明 苹果证书和X5打包服务器的配合使用 iOS证书申请教程 苹果证书和极光推送的配合使用 步骤四:开始打包。 参看WeX5平台App打包过程详解 参看WeX5平台App打包过程详解(V3.3) 重点了解内容: WeX5平台App打包如何选择应用模式(打包模式我选谁?) WeX5平台App打包模式(V3.3+) Android和IOS的本地应用图标规范 App打包相关知识 [...]