> 技术文档 > 在easyui中如何设置自带的弹窗,有输入框_jquery easyui 信息弹出框

在easyui中如何设置自带的弹窗,有输入框_jquery 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对话框输入框添加placeholdersetTimeout(function() { $(\'.messager-input\').attr(\'placeholder\', \'请输入处理备注:\');}, 10);

 如果想要自定义位置

// 为prompt对话框的输入框添加placeholder  setTimeout(function() { // 获取原有单行输入框 var input = $(\'.messager-input\'); // 保存输入框的值(如果有) var value = input.val(); // 替换为多行文本框 textarea input.replaceWith(\'\'); // 设置占位符和之前的值 $(\'.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\'); } }); }});