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>

猜你喜欢

转载自yuhuiblog6338999322098842.iteye.com/blog/2180935