当前位置: 首页 > news >正文

在easyui中如何设置自带的弹窗,有输入框

 这个就是带input的确认弹框($.messager.prompt)

// 使用prompt并添加placeholder提示
$.messager.prompt('确认', '确定要将事故记录标记为' + statusText + '吗?', function(r) {if (r) {// r 包含用户输入的内容var remark = r.trim();// 验证输入不为空(可选)if (!remark) {$.messager.alert('提示', '请输入处理备注', 'info');return;}// 将备注添加到表单数据中formData.append('remark', remark);// 发送AJAX请求$.ajax({url: 'TMSPROC0050/updateStatus',method: 'POST',data: formData,dataType: 'json',processData: false,contentType: false,success: function(result) {console.log(result);$.messager.show({title: '成功',msg: result.message});searchAccidents();},error: function(error) {console.error('请求发生错误:', error);$.messager.alert('错误', '操作失败,请重试', 'error');}});}
});// 为prompt对话框的输入框添加placeholder
setTimeout(function() {$('.messager-input').attr('placeholder', '请输入处理备注:');
}, 10);

 如果想要自定义位置

// 为prompt对话框的输入框添加placeholdersetTimeout(function() {// 获取原有单行输入框var input = $('.messager-input');// 保存输入框的值(如果有)var value = input.val();// 替换为多行文本框 textareainput.replaceWith('<textarea class="messager-input"  style="width:100%;height:100px;"></textarea>');// 设置占位符和之前的值$('.messager-input').attr('placeholder', '请输入处理备注:').val(value);// 调整对话框宽度和高度var dialog = $('.messager-body').parent();dialog.css({width: '600px',  // 调整对话框宽度height: '300px',  // 调整对话框高度top: '200px',  // 垂直位置left: '500px', // 水平位置});var body = $('.messager-body');body.css({width: '96.5%',height: '200px'});var title = $('.panel-header');title.css({width: '100%',});var button = $('.dialog-button');button.css({width: '98.2%',});// 调整输入框大小以适应对话框$('.messager-input').css({width: '97%',    // 输入框宽度height: '120px', // 输入框高度,使其可以输入更多内容'font-size': '14px', // 调整字体大小'padding': '5px'   // 增加内边距});}, 5);

这个就是带不带input的确认弹框($.messager.confirm)

// 修改确认对话框,添加输入框
$.messager.confirm('确认', '确定要将事故记录标记为' + statusText + '吗?\n请输入处理备注:', function(r) {if (r) {// r 包含用户输入的内容var remark = r.trim();// 验证输入不为空(可选)if (!remark) {$.messager.alert('提示', '请输入处理备注', 'info');return;}// 将备注添加到表单数据中formData.append('remark', remark);// 发送AJAX请求$.ajax({url: 'TMSPROC0050/updateStatus',method: 'POST',data: formData,dataType: 'json',processData: false,contentType: false,success: function(result) {console.log(result);$.messager.show({title: '成功',msg: result.message});searchAccidents();},error: function(error) {console.error('请求发生错误:', error);$.messager.alert('错误', '操作失败,请重试', 'error');}});}
});

http://www.dtcms.com/a/293747.html

相关文章:

  • 解决Spring事务中RPC调用无法回滚的问题
  • 零基础学编程,编程从入门到精通系列教程,附:编程工具箱之时间计算构件的用法#零基础自学编程 学习计划#新手学编程 高效学习方法
  • HF83311_VB1/HF83311Q_VB1:高性能USB HiFi音频解码器固件技术解析
  • Leetcode-15. 三数之和
  • 《计算机“十万个为什么”》之 [特殊字符] 深浅拷贝 引用拷贝:内存世界的复制魔法 ✨
  • 1.1 Deep learning?pytorch ?深度学习训练出来的模型通常有效但无法解释合理性? 如何 解释?
  • 英语词汇积累Day1-10(summary)
  • Django实战:Python代码规范指南
  • 【Java】Reflection反射(代理模式)
  • 算法竞赛备赛——【图论】最小生成树
  • 《元素周期表》超高清PDF
  • IDEA如何管理多个Java版本。
  • STM32 基础知识 定时器【概念】
  • 基于PyTorch的多视角二维流场切片三维流场预测模型
  • 【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts) 视频教程 - 主页-微博点赞量Top6实现
  • 19.动态路由协议基础
  • 备受关注的“Facebook Email Scraper”如何操作?
  • 开源 Arkts 鸿蒙应用 开发(十)通讯--Http
  • 腾讯云推出CodeBuddy:革新AI全栈开发体验
  • 第六章 W55MH32 UDP Multicast示例
  • 神经架构搜索革命:从动态搜索到高性能LLM的蜕变之路
  • AI 搜索引擎:让信息“长脑子”而不是“堆数据”
  • 解决 i.MX6ULL 通过 ADB 连接时权限不足问题 not in the plugdev group
  • 网络调制技术对比表
  • Numpy 库 矩阵数学运算,点积,文件读取和保存等
  • 线段树学习笔记 - 练习题(1)
  • iOS 性能监控 苹果手机后台运行与能耗采样实战指南
  • 沉浸式文旅新玩法-基于4D GS技术的真人数字人赋能VR体验升级
  • 深度相机---像素转物理尺寸
  • 【基于OpenCV的图像处理】图像预处理之二值化处理以及图像的仿射变换