zoukankan      html  css  js  c++  java
  • jQueryWEUI自定义对话框-带有textarea

    jQueryWEUI  示例下载

    在jQueryWEUI中提供了很多类型的对话框, 可以去访问看一下。 
    今天记录的则是,自己定义的一个带有文本域的对话框,这样,可以不通过调转页面,实现一些信息的提交。比如,发送留言,发送回话。

    官网上我们可以看到有一个带有输入框的对话框:

    $.prompt("自定义的消息内容", function(text) {
      //点击确认后的回调函数
      //text 是用户输入的内容
    }, function() {
      //点击取消后的回调函数
    });
    
    //如果参数过多,建议通过 object 方式传入
    $.prompt({
      title: '标题',
      text: '内容文案',
      input: '输入框默认值',
      empty: false, // 是否允许为空
      onOK: function (input) {
        //点击确认
      },
      onCancel: function () {
        //点击取消
      }
    });

    我们可以看到提供的参数还是很丰富的,但是并不是我们所需要的,这样我们先运行这个例子,观察页面上的变化,可以找到控制这个输入框的Id,我们知道,底层肯定是根据这个Id去控制其他操作的,所以这里我们可以偷偷的把输入框换成textarea,这样就成功的瞒过了底层,完成了偷梁换柱。 

    $.prompt("Please Entry Message", function (text) {
         ChangeOrderStatus('', text);// 相关处理,讲输入的内容ajax到后台中处理
        }, function () {
            $.closePrompt(); //关闭对话框
        });
        $("#weui-prompt-input").remove(); //去除原始输入框
        $(".weui_dialog_bd").append('<textarea  rows="8" type="height:110px;" class="weui_input weui-prompt-input" id="weui-prompt-input" value=""></textarea>');
        //重新拼接应textarea.

    上面那个class和id是不能换成其他的哦,若以后版本有变化,则需要你自己按照上面的办法,自己去观察,然后替换即可。 
    最后,显示:

  • 相关阅读:
    Linux 下安装 mysql8
    Git 上传本地项目到Github
    vue+vscode+nodejs 开发环境搭建
    window下 局域网内使用mysql,mysql 开启远程访问权限
    spring boot application 配置详情
    spring boot starter列表
    【第一篇】spring boot 快速入门
    Spring中手动增加配置文件中占位符引用的变量
    spring容器
    springmvc细节篇
  • 原文地址:https://www.cnblogs.com/shuilangyizu/p/8406140.html
Copyright © 2011-2022 走看看