【jQueryWEUI】自定义对话框-带有textarea
在jQueryWEUI中提供了很多类型的对话框,http://jqweui.com/components#dialog 可以去访问看一下。
今天记录的则是,自己定义的一个带有文本域的对话框,这样,可以不通过调转页面,实现一些信息的提交。比如,发送留言,发送回话。
官网上我们可以看到有一个带有输入框的对话框:
$.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是不能换成其他的哦,若以后版本有变化,则需要你自己按照上面的办法,自己去观察,然后替换即可。
最后,显示:
【jQueryWEUI】自定义对话框-带有textarea相关推荐
- wxWidgets:使用自定义对话框和 sizer
wxWidgets:使用自定义对话框和 sizer wxWidgets:使用自定义对话框和 sizer Sizer 简介 带有 Sizer 的自定义对话框 wxWidgets:使用自定义对话框和 si ...
- 自定义对话框(jDialog)
[配置项]jDialog options点击收起 一.接口功能 jDialog的默认配置项,本组件提供的所有对话框,都可以通过修改这些配置项来实现不同的效果. 二.详细配置项 /*** 对话框的默认配 ...
- android自定义对话框_Android自定义提醒对话框
android自定义对话框 In this tutorial, we'll be discussing and implementing Custom Alert Dialogs in our And ...
- 自定义对话框JDialog的使用实例
转载 http://blog.sina.com.cn/s/blog_4a45ab3b0100orv4.html 转载▼ 标签: jdialog it 分类: Java import java.awt. ...
- jquery自定义对话框alert、confirm和prompt
jQuery Alert Dialogs,又一个基于jQuery的提示框插件,主要包括Alert.Confirm.prompt这三种,还有一个高级范例,可以在提示框内嵌入HTML语言,可以自定义风格样 ...
- androidsettitle方法_Android使用setCustomTitle()方法自定义对话框标题
Android有自带的对话框标题,但是不太美观,如果要给弹出的对话框设置一个自定义的标题,使用AlertDialog.Builder的setCustomTitle()方法非常方便,接下来通过本文给大家 ...
- 从FCKEDITOR到ckeditor(二) 撰写自定义对话框,增加数学公式(与webEq的结合)
2019独角兽企业重金招聘Python工程师标准>>> ckeditor3.2.1 自定义对话框+自定义工具按钮,增加数学公式(与webEq的结合) 关键字:ckeditor,web ...
- 如何在android中创建自定义对话框?
本文翻译自:How to create a Custom Dialog box in android? I want to create a custom dialog box like below ...
- AlertDialog和自定义对话框
***AlertDialog *常用方法: setTitle():设置对话框的标题 setIcon():设置对话框图标 setMessage():设置对话框要传达的具体信息 setCancelable ...
- android 之Dialog的多种Dialog对话框(以及反射在自定义对话框的运用)
实际效果: 实例代码: 一个"启动初始Activity.xml" 一个弹出的Activity 业务逻辑代码: package com.hsj.example.alertdialog ...
最新文章
- 机器学习算法清单!附Python和R代码
- SAP QM维护检验计划指派取样策略时候报错:Sampling procedure is not permitted for insp.point-related inspection
- Docker增强Container的安全性
- 幼儿园python_[Python]猜数字游戏AI版的实现(幼儿园智商AI)
- 拦截器获取请求参数post_「SpringBoot WEB 系列」RestTemplate 之自定义请求头
- 甘肃农业大学计算机基础A,2021甘肃农业大学计算机基础专业研究生考试大纲
- 《剑指Offer》23:链表中环的入口节点
- pyqt5获取显示器的分辨率
- TCP流模式与UDP数据报模式
- 探寻成功之路 企业共同关心
- php系统变量有哪些,php预定义系统变量
- 《Investigating Typed Syntactic Dependencies for TSC Using GAT》论文笔记
- 有理数域上lamada矩阵(方阵)化标准形的实现
- no more duplicates will be shown
- [42000][1064] You have an error in your SQL syntax; IDEA连接数据库测SQL时报异常
- python余数不等于的符号_Python扫盲,看完这篇,你的Python基础就差不多了
- 力扣算法——78_子集
- SSR和CSR的区别
- Java中代码点与代码单元(转)
- 视频爬虫js逆向——我搜不到密参怎么办