`
y806839048
  • 浏览: 1121400 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

dialog

阅读更多
function customFormatter(_cellVal,opts,rwdat,_act){
return "<button class='btnview coral-btn-blue' onClick='detail()'>详细</button><button class='btnview coral-btn-blue' onClick=schedul('"+rwdat.id+"')>定时配置</button>";
}
=========================================================================

function schedul(id) {
//var id = $('#list1').grid("option", "selarrrow");
//$("#jkid").val(id);
// alert(1);
////alert($("#jkid").val());
var mmui='<%=schdulii%>';
var tst ='<%=schduliis%>';
//var ffui= mui+'/'+ id + '.json?_method=put';
var ffui= tst+id;
var mmfui=mmui + id;
//alert(id);
mui='<%=uii%>';
var fui= mui+'/'+ id + '.json?_method=put';
var mfui=mui +'/'+ id + '.json';
//alert(fui);
//alert(mfui);
if (id == "") {
$.alert("请选择需要修改的记录!");
return;
}
if (id.toString().indexOf(",") != -1) {
$.alert("只能选择一条数据!")
return;
}
//获取数据
$.ajax({
type : 'get',
url : mmfui,
dataType : 'json',
success : function(data) {
//load data
$("#form3").form("loadData", data); 
}
});
$("#config-form").dialog({
autoOpen : false,
height : 'auto',
width : 700,
modal : true,
buttons : {
"保存" : function() {
if ($("#form3").form("valid")) {
$.ajax({
type : 'post',
url : ffui,
data : $("#form3").form("formData", false),
dataType : 'json',
success : function(data) {
$.message("操作成功!");
$('#list1').grid('reload');
},
error : function() {
$.message("操作失败!");
}
});
} else {
$.alert("未通过页面校验!")
}
},
"关闭" : function() {
$(this).dialog("close");
}
}
});
$("#config-form").dialog("open");
//$("#form11").form("load", '../../grid/'+id+'.json'); 
}


========================================================================


<div id="config-form" title="定时配置" style="display: none" >
<cui:form id="form3" name="form" action="">
<table height="100%">
<tr style="vertical-align: top; height:45px">
<td style="text-align: left; padding-left: 10px;" height="15">
<div style="float: left;padding-top: 8px;"><label>&nbsp;接口名称:&nbsp;&nbsp;&nbsp;</label></div>
<div style="float: left;padding-top: 8px;"><cui:input id="interfacename"
name="interfacename" placeholder="接口名称" value="" width="200" /></div>
<div style="float: left;padding-top: 8px;"><label>&nbsp;触发器分组:</label></div>
<div style="float: left;padding-top: 8px;"><cui:input id="cfqfz"
name="cfqfz" placeholder="触发器分组" value="" width="200" /></div>
</td>
</tr>
<tr style="vertical-align: top; height:45px">
<td style="text-align: left; padding-left: 10px;">
<div style="float: left;"><label>&nbsp;触发器名称:</label></div>
<div style="float: left;"><cui:input id="cfqmc"
name="cfqmc" value="" width="200" /></div>
<div style="float: left;"><label>&nbsp;任务分组:&nbsp;&nbsp;&nbsp;</label></div>
<div style="float: left;"><cui:input id="rwfz"
name="rwfz" value="" width="200" /></div>
</td>
</tr>

<tr style="vertical-align: top; height:45px">
<td style="text-align: left; padding-left: 10px;">
<div style="float: left;"><label>&nbsp;任务名称:&nbsp;&nbsp;&nbsp;</label></div>
<div style="float: left;"><cui:input id="rwmc"
name="rwmc" value="" width="200" /></div>
<div style="float: left;"><label>&nbsp;频率:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label></div>
<div style="float: left;"><cui:input id="dspl" name="dspl"
placeholder="自定义" value="" width="200" /></div>
</td>

</tr>
<tr style="vertical-align: top; height:45px">
<td style="text-align: left; padding-left: 10px;">
<div style="float: left;"><label>&nbsp;方法名称:&nbsp;&nbsp;&nbsp;</label></div>
<div style="float: left;"><cui:input id="method"
name="method" value="" width="200" /></div>

<div style="float:left;"><label>&nbsp;&nbsp;触发状态:</label>
</div>
<div style="float:left;">
<cui:radiolist id="cfqzt" column="4"
name="cfqzt" value="none" data="radiolistdata" >
</cui:radiolist>
</div>
               
</td>
</tr>
<tr style="vertical-align: top">
<td style="text-align: left; padding-left: 10px;">
<div style="float: left;display: none;" ><cui:input id="jkid"
name="jkid" value="" width="200"  /></div>
</td>

</tr>

</table>
</cui:form>
</div>


==========================简单的模式===========================
<a class="easyui-linkbutton" id="btnBack" onclick="back();" iconCls="icon-save">撤销</a>


function back() {

//没有这个窗体的内容不会显示
document.getElementById("mainDiv1").style.display= "block";

$("#mainDiv1").dialog({
autoOpen : false,
height : 800,
width : 700,
modal : true,
buttons : {
"保存" : function() {},
"关闭" : function() {
$(this).dialog("close");
}
}
});
$("#mainDiv1").dialog("open");
}
//另一种版本的写法

function back() {
document.getElementById("mainDiv1").style.display= "block";

$("#mainDiv1").dialog({
autoOpen : false,
height : 'auto',
width : 900,
modal : true,
buttons : [{
text:'保存',
iconCls:'icon-save',
handler:function(){
   
}
},{
text:'关闭',
handler:function(){
$('#mainDiv1').dialog('close');
reload();
}
}]
});
$("#mainDiv1").dialog("open");
}


<div id="mainDiv1" style="display:none;" >
<form id="editForm1" name="editForm1">
<input type="hidden" id="id" name="id">
<input type="hidden" name="emId" id="emId">
<input type="hidden" name="zyryId" id="zyryId">
<input type="hidden" name="cjrId" id="cjrId"/>
<input type="hidden" name="cjr" id="cjr"/>
<input type="hidden" name="cjrq" id="cjrq"/>
<table id="editTable" class="zftable" border="1">


</form>
</div>
分享到:
评论

相关推荐

    各种自定义Dialog 以及Dialog加载动画

    在Android开发中,自定义Dialog和Dialog加载动画是提升应用用户体验的重要手段。默认的Dialog样式虽然功能齐全,但在追求个性化和美观的今天,往往显得过于简单甚至有些过时。因此,开发者常常需要根据应用的设计...

    Android自定义Dialog多选对话框(Dialog+Listview+CheckBox)

    在Android开发中,自定义Dialog是一种常见的需求,用于提供一种轻量级的用户交互界面,如提示信息或者进行选择操作。本示例是关于如何创建一个具有多选功能的Dialog,结合了Dialog、ListView和CheckBox的使用。下面...

    自定义圆角的dialog

    在Android应用开发中,Dialog是一种重要的用户交互组件,它用于显示临时信息或提示用户进行选择。系统提供的默认Dialog样式虽然实用,但往往无法满足开发者对于界面个性化和用户体验优化的需求。因此,自定义Dialog...

    Android 控制关闭Dialog

    在Android开发中,Dialog是一种常见的用户交互元素,用于在用户界面中显示临时信息或进行简单的交互操作。通常,当我们使用AlertDialog构建一个对话框时,它的默认行为是在用户点击按钮(如"确定"或"取消")后自动...

    dialog动画进入退出的动画

    在Android开发中,Dialog是一种常见的用户交互元素,用于在主界面之上显示临时信息或进行简单的操作选择。在本文中,我们将深入探讨如何实现Dialog的进入和退出动画,并讲解如何去除Dialog的标题,以提供更加定制化...

    安卓Service中弹Dialog

    然而,有时我们需要在Service中显示一个`Dialog`来与用户进行交互,例如提示信息或获取用户确认。这涉及到Android系统服务的生命周期管理以及如何在非UI线程中正确地操作UI元素。 首先,理解`Service`的生命周期是...

    (仿照系统音量dialog)在广播中弹出系统级别dialog,并且dialog后边背景不变暗,并且可以获取焦点

    在Android开发中,系统级别的Dialog通常是指那些与系统服务交互,具有较高权限并能与系统界面无缝集成的对话框。这种Dialog通常是半透明的,显示在所有应用之上,且能够改变或控制系统的某些核心功能,比如音量调节...

    Android Dialog全屏显示、动画显示

    在Android开发中,自定义Dialog是一种常见的用户交互方式,它能提供更为丰富的界面和功能,以满足特定场景下的需求。本教程将详细讲解如何创建一个全屏显示且带有动画效果的自定义Dialog,并结合相机和图片选择的...

    Android 底部弹出dialog+动画

    在Android开发中,底部弹出Dialog是一种常见的交互方式,它用于显示临时信息或者提供用户一些简短的操作选项。本文将详细讲解如何实现一个带有动画效果的底部弹出Dialog,并通过具体的代码实例进行演示。 首先,...

    带图片的Dialog

    在Android开发中,Dialog是一种常见的用户交互元素,用于在主界面之上显示临时的通知或提示信息。"带图片的Dialog"是Dialog的一种自定义形式,它不仅包含文本信息,还能够展示图片,使得交互更加生动、直观。这个...

    自定义右上角带叉号Dialog Android 自定义layout Dialog

    在Android开发中,创建自定义对话框(Dialog)是一种常见的需求,这允许开发者根据应用的UI风格和功能需求定制对话框的布局和交互方式。本文将深入探讨如何创建一个自定义右上角带有关闭叉号的Dialog,并实现点击...

    Andorid Dialog 九种形式

    在Android开发中,Dialog是一种非常重要的用户界面组件,它用于在主界面之上显示临时的通知或交互窗口,以向用户展示信息、请求输入或者确认操作。本文将深入探讨Android Dialog的九种常见形式,帮助开发者更好地...

    自定义dialog仿ios风格的dialog

    在Android开发中,自定义Dialog是一种常见的需求,它允许开发者创建具有独特设计和功能的对话框,以符合应用的品牌风格或提供更丰富的用户体验。本文将深入探讨如何在Android中实现一个仿iOS风格的Dialog,并根据...

    Android自定义显示内容的Dialog

    这里我们将深入探讨两种实现自定义显示内容的Dialog的方法:继承Dialog和继承PopupWindow。 首先,我们来看继承Dialog的方式。Dialog是Android系统提供的一个内置组件,用于展示与用户交互的重要信息。要自定义...

    Android Dialog更改样式及显示位置

    在Android开发中,Dialog是一种常见的用户交互界面,用于在主线程中显示临时信息或进行简单的用户操作。默认情况下,Dialog会出现在屏幕中央,但开发者可以根据需求自定义其样式和显示位置。本文将深入探讨如何在...

    android 全屏弹出dialog,底部弹入,底部弹出+弹出dialog输入法

    在Android开发中,有时我们需要创建具有独特动画效果的对话框(Dialog)来增强用户体验。本文将详细介绍如何实现一个全屏弹出的Dialog,并且重点讨论如何实现底部弹入和底部弹出的效果,以及如何处理Dialog与输入法...

    js实现的dialog

    JavaScript 实现的 Dialog 对话框是一种常见的前端交互技术,它允许用户在不离开当前页面的情况下与应用程序进行交互。本文将详细介绍如何使用纯 JavaScript 来创建一个功能完备的 Dialog 模块,以及涉及到的相关...

    Android Dialog中加载GIF

    在Android开发中,有时我们需要在Dialog中展示动态内容,如GIF动图,来提供更丰富的用户交互体验。本文将详细讲解如何在Android Dialog中利用Glide库加载并播放GIF。 首先,Glide是一个非常流行的Android图片加载库...

    Android Dialog设置透明背景以及位置

    在Android开发中,Dialog是一种常见的用户交互组件,用于在主线程中显示临时信息或进行简单的操作选择。在设计用户界面时,有时我们可能希望Dialog具有透明背景或者可以自定义其显示位置,以达到更佳的视觉效果。本...

    Android Dialog与软键盘的正确打开方式

    在Android开发中,Dialog是一种常见的用户交互界面,用于显示临时信息或者进行简单的用户操作。而软键盘的管理和显示则是移动应用用户体验的关键因素之一。本文将深入探讨如何在Android中正确处理Dialog与软键盘的...

Global site tag (gtag.js) - Google Analytics