设计APP,由于屏幕很小,在PC网页山可以放在一体的内容,在APP中就不能放在一起了。 例如如下,项目出勤人员很多,需要弹出一个panel,然后让用户选择,如何设计呢? 项目出勤panel的内容: <div id="shenqingxiangmuchuqing" title="申请项目出勤" class="panel" data-load="loadshenqi...
显示效果: 红色的部分就是Badge,可以用来显示数量或者是其他的信息。 使用其实很简单, $.ui.updateBadge("#" + id, res.Msg, "tr"); 第一个参数是需要显示的标签编号,第二个参数是需要显示的文字,第三个参数是需要显示的位置。 bl - bottom left tl - top left br - bottom ri...
在使用Scrolling开发app的过程中,遇到了很多问题,demo给的例子是下拉永远有数据的情况,而我的数据是有限的,也就是下拉一定次数后,下拉实际上就没有新数据,也就是不需要再继续下拉了。当上拉刷新数据后,才可以继续下拉。本以为只需要添加一个判断就可以了,谁知道当下拉到没有数据后,再上拉刷新,然后下拉竟然下拉不了了!! 具体代码参考
http://blog.csdn.net/xuexiaodo...
在使用jqMobi开发app基础:Scrolling的使用,向上向下拖动,动态添加数据一文中,通过使用...
研究jqMobi的demo,发现这个例子,所有的东西全在一个页面中,于是便认为使用jqMobi开发app,所有的内容都在一个HTML dom?难道真的不能分开吗? 不能像传统的网页开发那样,按照功能分成不同的HTML dom吗?由于资料很少,只有官方的demo可以参考,于是自己在思索这个问题。想不到最终却在jqeury mobile开发中找打了答案!! jqMobi中的pa...
jqMobi有一个专门处理select的插件af.selectBox.js,感觉很简单很简单,官方文档只是简单demo,没有详细说明。 简单的列子: One Two Three 显示效果 由于是在浏览器中测试,有没有style="-webkit-appearance: listbox;"没发现有什么区别。 禁用需要加disabled 例如: One Tw...
如何在使用jqMobi开发app中使用jquery呢?由于jqMobi本身和jquery中的很多方法都是一样的,直接添加,肯定会冲突? 但由于jqMobi的插件很少,有时又不得不使用jquery,如何处理? 官网已有方法:添加jq.appframework.js,这个是把appframework.js变成了jquery的插件,自然就不会有冲突了。 下载地址 需要注意添加顺序...
使用jqMobi开发app,panel之间的跳转方式。根据当前页面的不同展现方式,主要有三种跳转方式。 1当前页面是弹出的,关闭当前页面2当前页面不是弹出的,可以使用a标签3使用 $.ui.goBack() 1当前页面是弹出的,关闭当前页面 例如登录页面因为使用了modal="true",因此是弹出的,再登陆成功后,只需要关闭弹出窗体就可以返回到以前的页面。...
2014-02-14 09:25 阅读(1728) PC版的web程序两个两个页面之间的传值方式主要有,cookie,查询字符串,还可以通过服务端的session来交换数据.但app的传值方式呢? 由于app基本都是单页面的方式,查询字符串这种方式似乎行不通了,至少目前个人还没有见到这种例子....
2014-02-07 09:07 阅读(1876) PC端的web程序有很多种跳转方式,但使用jqMobi开发app页面之间如何跳转呢? 还可以使用传统的a标签吗? 分析jqMobi的demo,发现所有的页面都写在一个页面中,似乎也只能在这一个页面中跳转? 使用panel属性data-defer把页面分开后,如何跳转呢? 例如:一个列表页面list.html,单击某一条就跳转到详细信息页面。如何实现呢?...
2014-02-07 09:07 阅读(1629) 官网上Scrolling写的很简单。但自己要使用,却得试验很多次。 例如要实现如下简单的功能:也就是动态加载数据,不管用户向上拖动还是向下拖动,都动态加载数据。 第一步自然是研究demo了。demo一开始就有很多内容。 对应的脚本也很简单: var myScroller;...
2014-02-07 09:05 阅读(1755) a标签,在AFUI中添加了几个很特殊的属性。 data-transition表示panel如何出现,有一定的动画效果。 例如: data-transition="pop" 可以使用的参数有slide, up, down, flip, fade, pop, none,默认为slide data-persist-ajax="true...
2014-01-24 09:33 阅读(1477) 在移动app开发中会经常使用到viewport指令, ViewPort 标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。ViewPort 标记的content值是由指令及其值组成的以逗号分隔的列表。 1 width和height指令分别指定视区的逻辑宽度和高度。可以使用一个以像素为单位的数字,也可以使用一个特殊的标记符号。 width指令使用de...
注销其实可以使用一个基本的a标签。 例如我把登录和注销放在了底部导航条navbar中。 基本代码: 首页 登陆 注销 关于我们 js代码: function logoutFun()...
2014-01-22 09:55 阅读(1148)