2015-11-24

74

说明 jqMobi！=JqueryMobile什么是jqMobijqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架，是个极其快速的查询选择库，支持W3C查询。版本:jqMobi源码最初在2012年1月份推出，基于MIT/X11许可证，托管在GitHub上，开发者可以参与并通过插件不断改进该框架。2012年3月13日，jqMobi 1.0版本正式发布。现在最新的版本jqMobi 2.0jqMobi特

学习要点：1. Jqmobi2.1中引入框架js 以及框架的css2. Jqmobi2.1中使用jquery3. jqmobi 修改默认皮肤 2015-08-05

87

2015-05-25

86

2014-12-25

78

2014-11-25

148

<Application >         <Events>                 <Property event="ready">                         <![CDATA[                                 var baseForm = $("#form").appForm();                         ]]>                 </Property>         </Events>                  <Functions>                                  <Property name="initLoad">                         <![CDATA[                                                          console.log("init Load success!!");                         ]]>                 </Property>                          </Functions>         <Panel id="custormApply_Panel" load="initLoad" >                 <![CDATA[                                 <header >                                         <div class="top_header">                                                 <a id="backButton" class="button" onclick="$.ui.goBack()" style="visibility: visible;">返回</a>                                         </div>                            </header>                                 <form id="form" title="自定义审批" service="" method="" >                                         <text id="content" text="申请内容" required="true" maxLength="140" ></text>                                         <text id="cash" text="申请数额"  type="money" required="true" ></text>                                         <text id="resaon" text="审批原因"  type="money" required="true" ></text>                                         <date id="time" text="申请时间"  type="datetime" required="true" ></date>                                         <date id="date" text="申请日期"  type="date" required="true" ></date>                                         <select id="flow" text="审批流程" required="true">                                                 <option value="1">系统工作流</option>                                                 <option value="2">自定义工作流</option>                                                 <option value="3">第三方工作流</option>                                         </select>                                         <textarea id="remark" text="审批备注"  ></textarea>                                 </form>                                 <div class="app_toolbar">                                         <input type="button" id="successResult"  value="通过"/>                                         <input type="button" id="backResult" value="驳回"/>                                 </div>                 ]]>         </Panel> </Application> 然后主页面调用方法 加载XML 并创建PANEL /**              * loader               *@param url {string}   请求地址              *@param param {object}  参数对象              *@param callback {function}  回调函数              */             loader: function(url

var options = new FileUploadOptions();                  options.fileKey = "fileAddPic";//用于设置参数，对应form表单里控件的name属性，这是关键，废了一天时间，完全是因为这里，这里的参数名字，和表单提交的form对应                  var imagefilename = Number(new Date())+".jpg";            options.fileName=imagefilename;           //options.fileName = imageURI.substr(imageURI.lastIndexOf('/') + 1);                  //如果是图片格式，就用image/jpeg，其他文件格式上官网查API                  options.mimeType = "image/jpeg";                  options.mimeType = "multipart/form-data";//这两个参数修改了，后台就跟普通表单页面post上传一样 enctype="multipart/form-data"                  //这里的uri根据自己的需求设定，是一个接收上传图片的地址                  var uri = encodeURI("http://server.com/aaa.svc/PostWithImageData/");                  //alert(imageURI);                  //alert(uri);                  options.chunkedMode = false;                   var params = new Object();                  params.fileAddPic = imageURI;                  options.params = params;                   var ft = new FileTransfer();                  ft.upload(imageURI

2014-11-25

217

2014-10-27

118

2014-09-17

92

2014-06-25

158

1.使用官方提供的$.ui.disableSideMenu();  只有母个panel不想要左侧导航的时候还有一种比较笨的解决办法 就是给这个panel在加上一个 左侧导航 然后宽度设置为 0

2014-04-25

106

jqMobi Ui jqMobi 插件 jqMobi快速入门(5)  本讲主要讲解 Jqmobi里面的滚动以及 上拉下拉更新数据 2013-12-18

101