本篇文章通过框架示意图理解UI2的框架构成和核心，并对应介绍system目录。 […]

根据不同的数据显示不同的行底色 grid组件提供了rowAttr属性——行属性表达式，表达式执行结果返回Object，可以包含style、class属性，也可以增加自定义属性。表达式中可以使用$model,$row(当前渲染的数据行对象)变量 下面的代码实现了上图的效果，当数量等于1时显示粉底色，否则显示黄底色 $row.val('fSL')=='1'?{style:'background:pink;'}:{style:'background:yellow;'} 有些遗憾的是，修改数据后，不会刺激执行，弥补的方法是接管data组件的onValueChanged事件，使用grid组件的setRowCss方法设置行底色，代码如下 Model.prototype.detailDataValueChanged = function(event){ if(event.col=='fSL'){ var rowid = this.comp('detailData').getRowID(event.row); if(event.value=='1'){ this.comp('detailGrid').setRowCss(rowid,{background:'pink'}); }else{ this.comp('detailGrid').setRowCss(rowid,{background:'yellow'}); } } }; 本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 App开发就用WeX5! 阅读其他app 开发相关文章：http://doc.wex5.com/?p=3443

本篇文章以最简单的hello应用为例，介绍UI2前端框架的应用、页面的概念，以及页面的两种编译方式和应用的三种部署方式。 […]

css绑定(bind-css)为元素添加或删除class，从而改变元素的样式。css绑定非常有用，可以根据数据动态改变元素的样式，比如负值用红色来显示。另外还有一种更直接的改变样式的方法，即通过style绑定。 […]

html绑定(bind-html)将在界面中添加特定的html元素，正如text绑定时候所说的哪样，如果要在界面中动态添加html元素，则需要使用html绑定。 […]

text绑定(bind-text)用来控制页面元素显示的文本内容，常用在<span>、<em>等元素中，当然也可以用于其它任何元素。 […]

注：详细布署请参考：BeX5安装布署 该文章主要介绍BeX5平台开发完成后，资源部署至正式环境的过程。 一、 获取BeX5企业快速开发平台版本，版本自带有tomcat服务和mysql数据库。 二、 将BeX5版本解压至服务器的相应目录，生成key文件，申请注册码，进行注册。（注意：平台不能放在有中文的目录下） 三、 BeX5版本数据源默认包含：system 、doc和demo。根据系统情况配置数据源，也可添加其他不同名的数据源。（system是系统库数据源必须存在，doc是文档库数据源，demo是演示库数据源）运行“配置初始化其它数据库.bat”，按提示选择即可。 四、 如使用自带MySQL数据库，点击版本下的“启动MySQL数据库.bat”启动即可，默认端口为3306，用户名root，密码x5。 五、 将开发环境中Biz和UI目录下的应用目录（除system、sa、portal、portal2等版本自带目录）对应复制到BeX5正式环境版本的Biz和UI目录下。 六、 初次部署时，建议要对BIZ下的应用目录进行模型编译，UI下的应用目录进行源码编译。 七、 资源有变更时，需要修改UIServer\WEB-INF\justep.xml中的version资源版本号，只要有变化就可以。（X5 缓存机制和资源版本号维护） 八、 更新部署时，如应用目录的BIZ下有src目录需在正式环境下进行编译，如没有，则不需编译。 九、 最后，删除UI目录下的.cache缓存文件。 十、 点击版本下的“启动BeX5运行平台.bat”，启动平台服务即可。平台默认tomcat服务端口为8080。服务访问地址为 http://IP:8080/x5 【常见部署问题】 1） MySQL数据库服务无法正常启动。检查MySQL端口3306是否被占用。如被占用，Mysql\my.ini文件中修改端口port。 2） 启动BeX5运行平台无法正常启动。确认使用的BeX5企业快速开发平台版本，如果是推广版，默认是64位jdk，需在64位服务器上运行。如需在32位上运行，需修改使用32位jdk才可以正常运行。 3） 检查8080、8005、8009端口是否被占用。如被占用，apache-tomcat\conf\sever.xml文件中修改端口，如果是V3.2.1（包含V3.2.1）之后的版本，还需修改%JUSTEP_HOME%/conf/server.xml中的8080端口。如果是V3.2.1之前的版本，还需修改%JUSTEP_HOME%/runtime下BusinessServer 、DocServer 、ReportServer 、UIServer 下的justep.xml配置的8080端口也需同步修改。 4）如需修改数据源，请使用“配置初始化其它数据库.bat”工具进行配置，或者在apache-tomcat\conf\context.xml文件中修改。 5）平台默认访问地址是http://IP:8080/x5，如需修改“/x5”，需修改apache-tomcat\conf\Catalina\localhost\下的x5.xml文件名，%JUSTEP_HOME%/conf/server.xml中的<ui-server>http://localhost:8080/x5</ui-server>也需同步修改。 6）license-server的地址配置。如果是3.2.1（包含V3.2.1）之后的版本，配置在%JUSTEP_HOME%/conf/server.xml中。这个文件中已有license-server地址的配置，<license-server>http://localhost:9090/LicenseServer</license-server>默认是注释的，放开改成license-server的实际IP地址即可。如果是V3.2.1之前的版本，在%JUSTEP_HOME%/runtime下BusinessServer下的justep.xml文件中添加<license-server>的地址参数即可。 本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 [...]

本文讲解了如何在WeX5中使用SQLite数据库，同时展示了如何在App中加入自己的cordova插件。 SQLite是嵌入式的和轻量级的SQL数据库。广泛用于IOS、Android等设备，实现本地数据存储。 在WeX5中使用SQLlite数据库，步骤如下 1、下载SQLite的cordova插件 （1）、访问https://github.com/brodysoft/Cordova-SQLitePlugin， 下载brodysoft/Cordova-SQLitePlugin （2）、将插件复制到WeX5中 解压下载的Cordova-SQLitePlugin-master.zip文件，解压出Cordova-SQLitePlugin-master目录。 打开Cordova-SQLitePlugin-master目录下的plugin.xml文件，找到id="com.brodysoft.sqlitePlugin"，将解压出的目录名Cordova-SQLitePlugin-master替换为id的值com.brodysoft.sqlitePlugin 将com.brodysoft.sqlitePlugin目录复制到studio模型资源视图中的/Native/plugins目录下   2、在js中使用cordova插件 打开数据库 me.db = window.sqlitePlugin.openDatabase({ name : "my.db" }); 创建数据表 me.db.transaction(function(tx) { tx.executeSql('CREATE TABLE IF NOT EXISTS test_table (id integer primary [...]

一、新增 1、Data组件的新增相关API： Data.newData(option);--------后端新增，返回一行或者多行新增数据 option参数说明： { "parent" : Data.Row - 树形数据的父（非树形不需要）, "index" : integer - 新增数据的位置，缺省新增到最后, "defaultValues" : array - 新增行的默认值数组 ，数组的长度决定新增行数，数组中的对象是列的默认值 defaultValues格式： [ {列名:默认值,...}, {列名:默认值,...}, ... ] "onError" : function - 失败回调函数，function(event); event的格式： { [...]

APP打包使用的是Native目录，如下图： Plugins目录：自定义插件目录。如需增加插件拷贝到该目录下即可。 Templates目录：用于本地APP应用打包时的模板目录。下面包含Advancde目录和Normal目录。 Advancde目录：源码目录。源代码模式打包时使用。 Normal目录：是WeX5本地APP应用成生的模板目录。build.properties是编译配置文件，配置证书密码和记录上一次打包相关配置。config.xml是cordova的标准配置文件一般不需要自已做修改。说明.txt是对打包相关重要信息的说明文件。 Platforms目录：是基于cordova目录结构的代码和资源目录，在这个目录中可根据自己的需要更换相关图标。其中 android下的res目录存放的是 android的图标和启动欢迎图片；ios下的X5下的Resources目录里的icons目录存放的是ios的图标，splash目录存放的是ios的启动欢迎图片。在打包导航过程中也会提示你配置自己的应用图标和启动欢迎图片，操作起来更便捷，可不在目录中手工做更换。 新建一个本地APP应用时，是将platforms目录、android.keystore证书、build.properties配置文件、说明文件生成至新建APP应用目录中，产生一个完整的APP应用。 在APP应用的目录文件中还有一个隐藏的app.project配置文件，存储的是创建APP应用时的相关配置选项信息。 本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 App开发就用WeX5! 阅读其他app 开发相关文章：http://doc.wex5.com/?p=3443