jQuery MiniUI

标题: 想做一个数据加载的动画 [打印本页]

作者: caicai0328 时间: 2012-7-20 00:34:39 标题: 想做一个数据加载的动画

function waitClick() {
      var messageid = mini.loading("Loading, Please wait ...", "Loading");
      setTimeout(function () {
         mini.hideMessageBox(messageid);
      }, 2500);
}

想问下子这个方法是不是只播放2.5秒结束了啊，我想的是数据加载完了，怎样给他一个触发事件，再结束动画的播放呢？？请教了？？

作者: niko 时间: 2012-7-20 08:29:40

grid有load事件

作者: caicai0328 时间: 2012-7-20 09:32:00

niko 发表于 2012-7-20 08:29
grid有load事件

不是grid操作，是独立于miniui的 ajax数据传输操作。。画面会一直定格住了，感觉像死机了，其实后台正在处理数据的，所以需要一个加载的动画提示，我觉得咱们的ui里面那个加载动画就很好，我怎么能利用上这个呢？？

作者: factory 时间: 2012-7-20 09:40:08

caicai0328 发表于 2012-7-20 09:32
不是grid操作，是独立于miniui的 ajax数据传输操作。。画面会一直定格住了，感觉像死机了，其实后台正在 ...

你可以用miniui的messagebox来做
http://www.miniui.com/demo/#src=messagebox.html 你看下这里面的wait示例是否满足

作者: zskeycom 时间: 2012-7-20 12:12:09

顶~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~！

作者: caicai0328 时间: 2012-7-20 14:47:11

zskeycom 发表于 2012-7-20 12:12
顶~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~！

看明白了

var messageid;
/*
* 加载数据时启动的动画
* */
function startLoading() {
messageid = mini.loading("数据加载中, 请稍后 ...", "Loading");
}

/*
* 加载数据时完成时启动的动画
* */
function finishLoading(){
mini.hideMessageBox(messageid);
}

我写了两个函数给大家参考下子吧哈

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)