1.写好div样式
<!--添加reason输入框 -->
<div id="openReason" class="easyui-window" data-options="title:'添加原因',minimizable:false,collapsible:false,maximizable:false,resizable:false,modal:true,closed:true" style="width:400px;height:130px;">
<div >
<h1 style="text-align: center;padding-top: 15px;">输入原因:<input id="reason" data-options="required:true,missingMessage:'请输入原因'" style="width:180px;height:25px;border:solid 1px black"></h1>
</div>
<div style="text-align:center;padding-top: 15px;">
<a href="#" οnclick="openReasonEdit()" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" style=" margin-left:10px;">确定</a>
<a href="#" οnclick="$('#openReason').window('close');" class="easyui-linkbutton" style=" margin-left:10px;" data-options="iconCls:'icon-no'">取消</a>
</div>
</div>
2.编写openReasonEdit()方法实现添加原因并跳转到Action
function openReasonEdit(){
var reason=document.getElementById("reason").value;
var select = $('#merchantOnline').datagrid('getSelections');
var id=select[0].id;
var selects = $('#detailData').datagrid('getSelections');
var macs="";
for (var i = 0; i < selects.length; i++) {
if (i == selects.length - 1) {
macs += selects[i].mac;
}
else {
macs += selects[i].mac + "-";
}
}
$.ajax({
type : "POST",
url : "Black_addblackList",
data :"macs="+macs+"&reason="+reason+"&id="+id,
success : function(msg) {
alert(msg);
$("#openReason").window('close');
}
});
}
3.当点击加入黑名单按钮是出发上面事件
buttons: [{
iconCls: 'icon-cancel',
text : '加入黑名单',
handler: function(){
var selects = $('#detailData').datagrid('getSelections');
if (selects == 0) {
alert("请选择需要加入黑名单的用户!");
return;
}
//添加原因弹框
$("#openReason").window('open');
}
}]