缘多多
缘多多
  • 发布:2015-09-17 15:47
  • 更新:2015-09-18 14:49
  • 阅读:3313

自定义dialog

分类:MUI

MUI中给出的dialog效果不错,但是我想要自定义一下内容,在里面的输入框和提示信息下方再添加一个提示信息和输入框,然后点击确认按钮可以返回两个输入框的内容。
现在的效果如附件中所示,实现代码如下:
HTML部分:

                <button id='promptBtn' type="button" class="mui-btn mui-btn-blue mui-btn-outlined">计算验证</button>

JS部分:

document.getElementById("promptBtn").addEventListener('tap', function(e) {  
                e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug,使用plus.nativeUI.prompt会造成输入法闪一下又没了  
//              var btnArray = ['确定', '取消'];  
                var btnArray = ['确定'];  
                mui.prompt('问题一:3+2=?', '请输入问题答案', '计算验证', btnArray, function(e) {  
                    if (e.index == 0) {  
                        info.innerText = '谢谢你的评语:' + e.value;  
                    } else {  
                        info.innerText = '你点了取消按钮';  
                    }  
                })  
            });

这个dialog自定义需要修改哪里?望指教。

2015-09-17 15:47 负责人:无 分享
已邀请:
stock2

stock2

不错

  • 缘多多 (作者)

    呃。。。你说什么不错啊?

    2015-09-17 16:36

缘多多

缘多多 (作者)

@stock2 呃。。。你说什么不错啊?

  • stock2

    抱歉,我大概看了下,以为你实现了这个功能. 看上去很不错的.

    2015-09-17 20:09

  • stock2

    如果实现方法, 可以通过打开一个新的页面 带遮罩,指定大小的.完成计算后,关闭即可.

    2015-09-17 20:11

三叔

三叔

你直接在初始化的时候 重写 mui.dialog 就是啦

缘多多

缘多多 (作者)

@三叔 恩,是写在页面初始化方法里,但是怎么写呢?我主要是不知道怎么修改dialog里的样式,怎么显示两个输入框两个提示信息,主要卡在这个问题。

缘多多

缘多多 (作者)

其实自定义dialog还是很常用的,不过这种牵扯样式的问题大家不怎么会回答,官方的又懒得回答,那我再研究研究吧。。。T_T

wenju

wenju - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件

http://ask.dcloud.net.cn/article/396

缘多多

缘多多 (作者)

@wenju 感谢分享,先mark一下,话说官方的dialog自定义确实很麻烦,也没有实例,这个东西其实很常用的,也算是常用控件,竟然官方一个人都不来回复,也是醉了。。。

  • wenju

    他们比较忙 嘿嘿~~(>_<)~~ 都是靠我们自己的比较多

    2015-09-18 15:59

该问题目前已经被锁定, 无法添加新回复