jQuery MiniUI

标题: 关于miniui之loading的建议（及prompt的bug？） [打印本页]

---

作者: x-strong    时间: 2013-5-22 15:46:31     标题: 关于miniui之loading的建议（及prompt的bug？）

虽说miniui提供了以下消息显示方式，但是在实际应用中感觉还是不够满足需求和灵活。非常希望miniui能够提供一个类似于datagrid的loading的效果，仅显示loading图标和消息，不要像“mini.loading”那样还搞个窗口标题栏、窗口标题以及按钮了。期待能提供类似于一下的方式：var loadingId = mini.loading(msg,placeTarget[,middle][,center]);
//loadCompleted
mini.hideLoading(loadingId);//或者“mini.clearLoading(loadingId)"
这个在手动显示loading的时候很有用。

另外，发现一个好像是bug的问题——用”mini.prompt“弹出一个输入提示框，假如输入的不符合要求，此时用”mini.alert“弹出提示信息，关闭提示消息后前面弹出的输入提示框也随之消失了。这怎么回事呢？不符合逻辑！demo：http://sandbox.runjs.cn/show/qjbfpv3u

Name	Parameter	Description	Return
mini.alert（message,  title, callback）		提示框	messageId
mini.confirm（message,  title, callback）		选择提示框	messageId
mini.prompt（message,  title, callback, multi）		文本输入提示框	messageId
mini.loading（message,  title）		加载提示框	messageId
mini.showMessageBox（options）	{    title: String,        message: String,    buttons: ["ok", "no", "cancel"],        iconCls: "mini-messagebox-question",    html: String,       callback: function(action){    }}	显示提示框	messageId
mini.hideMessageBox（messageId）		隐藏提示框
mini.open（options）	options :   {    url: String,        //页面地址    title: String,      //标题    iconCls: String,    //标题图标    width: Number,      //宽度    height: Number,     //高度    allowResize: Boolean,       //允许尺寸调节    allowDrag: Boolean,         //允许拖拽位置    showCloseButton: Boolean,   //显示关闭按钮    showMaxButton: Boolean,     //显示最大化按钮    showModal: Boolean,         //显示遮罩    onload: function () {       //弹出页面加载完成        var iframe = this.getIFrameEl();         var data = {};               //调用弹出页面方法进行初始化        iframe.contentWindow.SetData(data);                             },    ondestroy: function (action) {  //弹出页面关闭前        if (action == "ok") {       //如果点击“确定”            var iframe = this.getIFrameEl();            //获取选中、编辑的结果            var data = iframe.contentWindow.GetData();            data = mini.clone(data);    //必须。克隆数据。            ......        }                            } }	弹出子页面

---

作者: niko    时间: 2013-5-23 12:53:04

遮罩loading：

1.         mini.mask({
   
2.             el: document.body,
   
3.             cls: 'mini-mask-loading',
   
4.             html: '加载中...'
   
5.         });
   
6.         setTimeout(function () {
   
7.             mini.unmask(document.body);
   
8.         }, 2000);

复制代码

另外，你连miniui.css都没引入，当然有诸多问题了。

---

作者: x-strong    时间: 2013-5-28 14:19:57

niko 发表于 2013-5-23 12:53
遮罩loading：另外，你连miniui.css都没引入，当然有诸多问题了。

不是miniui.css没引入的问题，是弹窗的问题。

---

作者: niko    时间: 2013-5-28 17:32:19

top.mini.mask({
            el: document.body,
            cls: 'mini-mask-loading',
            html: '加载中...'
        });

---

作者: x-strong    时间: 2013-5-31 16:21:12

niko 发表于 2013-5-28 17:32
top.mini.mask({
            el: document.body,
            cls: 'mini-mask-loading',

请问版主mini ui的confirm怎么点“确定”和“取消”按钮都会执行callback呢？请参看http://sandbox.runjs.cn/show/qjbfpv3u

---

作者: felt    时间: 2013-5-31 16:39:56



http://www.miniui.com/demo/index.html#src=messagebox.html
请参考confirm的demo  function confirmClick() {
        mini.confirm(message, title,
            function (action) {            
                if (action == "ok") {
                    alert("删除!");
                } else {
                    alert("不删除!");
                }
            }
        );
    }

---

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

Powered by Discuz! X2