easyui 两种弹框对话框

最新推荐文章于 2024-05-11 16:34:19 发布

月零Ray

最新推荐文章于 2024-05-11 16:34:19 发布

阅读量3.4k

点赞数

分类专栏： EasyUI

本文链接：https://blog.csdn.net/weixin_42402763/article/details/88948748

版权

EasyUI 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

代码1：

jsp：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>非产品模板详情配置</title>
    <link href="css/default.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="easyui/easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="easyui/easyui/themes/icon.css" />
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="easyui/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="easyui/js/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="config_js/logUtil.js"></script>
    <script type="text/javascript" src="config_js/exportFile.js"></script>
    <script type="text/javascript" src="report_js/nonTeamTemplateDetails.js"></script>
    <style type="text/css">
            .servertable select{width:240px}
             .servertable tr td:first-child{text-align:right;}  
            .servertable {height: 300px;}
            .fast_search{margin-bottom: 6px;height:auto;width:100%}
            .fast_textbox{width: 300px;float:left;}
            .fast_button{width: 500px;float:left;}
            .advanced_search{margin-bottom:6px;height:auto;width:100%;float:right;margin-top:6px;display:none;}
            .advanced_parent{float:left;margin-bottom: 6px;}
            .explain{width:40px;text-align:right;float:left;margin-top: 3px;}
            .explain60{width:70px;text-align:right;float:left;margin-top: 3px;}
            .content{width: 150px;float:left;}
            .content select {width:140px}
            .floatsort{float:left;width: 130px;}
            .batchServer{width: 100%;float: left;margin-top: 10px;}
            .textbox{width: 140px;}
    </style>
</head>
<body style="overflow-y: hidden;">
    <div id="tb">
        <div style="padding-top: 10px;margin-left: 10px;margin-bottom: 10px">
            <a href="javascript:void(0)" class="easyui-linkbutton" style="margin-right:6px;" id="addButton" iconCls="icon-add" >添加</a>
        </div>
    </div>
    <table id="roleList">
        <thead>
          <tr>
              <th data-options="field:'ck',checkbox:true"></th>  
              <th data-options="field:'monitor_item_code',width:70,align:'center'">监控项</th>
              <th data-options="field:'gap_value',width:70,align:'center'">监控频率(s)</th>
              <th data-options="field:'remark',width:70,align:'center'">描述</th>
              <th data-options="field:'alarm_role',width:70,align:'center',formatter:alarmRole">触发条件</th>
              <th data-options="field:'flag',width:70,align:'center',formatter:flag,styler:flagColor">状态</th>
              <th data-options="field:'operate',width:80,align:'center',formatter:formatOper">操作</th>
          </tr>
         </thead>
    </table>
    <div id="processWindow" class="easyui-window" closed="true" modal="true" title="提示消息"
        style="width: 300px; height: 60px;">
        <div id="windowContent" class="general-font">
            <img src="images/loading.gif" />
            操作进行中，请稍后...
        </div>
    </div>
    <div id="titledialogs" class="easyui-dialog" style="width:550px;height:480pxpadding:10px;">
        <form id="addForm" method="post" style="text-align:-webkit-center;">
            <table class="servertable">
                <tr>
                    <td>监控项：</td>
                    <td><input id="monitorItem" class="easyui-textbox" name="nonTeamTemplateDetails.monitorItem" type="text" style="width:240px" data-options="required:true"></input></td>
                </tr>
                <tr>
                    <td>监控频率(s)：</td>
                    <td><input id="gapValue" class="easyui-textbox" name="nonTeamTemplateDetails.gapValue" type="text" style="width:240px" data-options="required:true"></input></td>
                </tr>
                <tr>
                    <td>触发报警条件：</td>
                    <td><select id="alarmRole" class="easyui-combobox" name="nonTeamTemplateDetails.alarmRole"  style="width:120px"  editable="false"  data-options="panelHeight:'auto'">
                            <option value="-1">请选择</option>
                            <option value="0">等于</option>
                            <option value="1">大于</option>
                            <option value="1">小于</option>
                            <option value="2">大于等于</option>
                            <option value="4">小于等于</option>
                            <option value="5">不等于</option>
                            <option value="6">包含</option>
                            <option value="7">不包含</option>
                            <option value="8">存在</option>
                            <option value="9">不存在</option>
                        </select>
                        <input id="alarmValue" class="easyui-textbox" name="nonTeamTemplateDetails.alarmValue" type="text" style="width:116px" data-options="required:true"></input></td>
                </tr>
                <tr>
                    <td>描述：</td>
                     <td>
                        <input id="remark" class="easyui-textbox" name="nonTeamTemplateDetails.remark" type="text" style="width:300px;height:100px" data-options="multiline:true"></input>
                    </td>
                </tr>
                <input type=hidden name="id"/>
            </table>
        </form>
    </div>
</body>
</html>

js：

$(function() {
    // 关闭弹窗
    $('#titledialogs').dialog('close');
    // 加载表格数据
    loaddata();
    // 添加按钮
    $("#addButton").click(function() {
        addServer();
    });
})
// 加载表格数据
function loaddata() {
    $('#roleList').datagrid({
        iconCls : 'icon-ok',
        width : '100%',
        pageSize : 15, //默认选择的分页是每页5行数据
        pageList : [ 15, 50, 100, 150 ], //可以选择的分页集合
        nowrap : true, //设置为true，当数据长度超出列宽时将会自动截取
        striped : true, //设置为true将交替显示行背景。
        collapsible : true, //显示可折叠按钮
        toolbar : "#tb", //在添加 增添、删除、修改操作的按钮要用到这个
        url : 'report/getNonTeamTemplateDetailsList.action', //url调用Action方法
        loadMsg : '数据装载中......',
        fit : true, //页面自适应
        singleSelect : true, //为true时只能选择单行
        fitColumns : true, //允许表格自动缩放，以适应父容器
        //sortName : 'xh',//当数据表格初始化时以哪一列来排序
        //sortOrder : 'desc',//定义排序顺序，可以是'asc'或者'desc'（正序或者倒序）。
        remoteSort : false,
        pagination : true, //分页
        rownumbers : true, //行数
        //         queryParams: {},
        onLoadSuccess : function(data) {
            $(".editCabinet").linkbutton({
                text : '修改',
                plain : true,
                iconCls : 'icon-edit'
            });
            $(".delCabinet").linkbutton({
                text : '删除',
                plain : true,
                iconCls : 'icon-remove'
            });
            $(".start").linkbutton({
                text : '启用',
                plain : true,
                iconCls : 'icon-reload'
            });
            $(".stop").linkbutton({
                text : '停止',
                plain : true,
                iconCls : 'icon-reload'
            });
            $('#roleList').datagrid('fixRowHeight');
        }
    });
};
function flagColor(val, row, index) {
    if (val == '1') {
        return 'background:#B9F3B9';
    } else if (val == 0) {
        return 'background:#FFCCCC';
    }
}
function flag(val, row, index) {
    return '<a href="javascript:void(0)" class="start"  onclick="changeFlag(' + index + ',1)"></a><a href="javascript:void(0)" class="stop" onclick="changeFlag(' + index + ',0)"></a>';
}
function changeFlag(index,flag) {
    $('#roleList').datagrid('selectRow',index);// 关键在这里  
    var row = $('#roleList').datagrid('getSelected');
    $.messager.confirm('系统提示', '您确定要修改吗？', function(r) {
        if (r) {
            $.ajax({
                url:"report/updateNonTeamTemplateDetailsFlag.action",
                type:"POST",
                data:{"id":row.id,"flag":flag},
                timeout:180000,
                success:function(data){
                    $.messager.alert('系统提示', data, 'info');
                    loaddata();
                }
            });
        }
    });
}
function alarmRole(val, row, index) {
    if (val == 0) {
        return '=' + row.alarm_value;
    }else if (val == 1) {
        return '>' + row.alarm_value;
    }else if (val == 2) {
        return '<' + row.alarm_value;
    }else if (val == 3) {
        return '≥' + row.alarm_value;
    }else if (val == 4) {
        return '≤' + row.alarm_value;
    }else if (val == 5) {
        return '≠' + row.alarm_value;
    }else if (val == 6) {
        return '包含' + row.alarm_value;
    }else if (val == 7) {
        return '不包含' + row.alarm_value;
    }else if (val == 8) {
        return '存在' + row.alarm_value;
    }else if (val == 9) {
        return '不存在' + row.alarm_value;
    }
}
function formatOper(val, row, index) {
    return '<a href="javascript:void(0)" class="editCabinet"  onclick="editInfo(' + index + ')"></a><a href="javascript:void(0)" class="delCabinet" onclick="deleteInfo(' + index + ')"></a>';
};
//添加
function addServer() {
    $('#titledialogs').dialog('open').dialog({
        title : '添加模板详情配置',
        iconCls : 'icon-save',
        buttons : [ {
            text : '保存',
            iconCls : 'icon-ok',
            handler : function() {
                $.messager.confirm('系统提示', '您确定要添加吗？', function(r) {
                    if (r) {
                        $('#addForm').form('submit', {
                            url : 'report/addNonTeamTemplateDetails.action',
                            onSubmit : function() {
                                var isValid = $(this).form('validate');
                                if (!isValid) {
                                    $.messager.progress('close');
                                }
                                return isValid;
                            },
                            success : function(data) {
                                $.messager.progress('close');
                                $.messager.alert('系统提示', data, 'info');
                                var ip = $('#ip').val();
                                if (data.indexOf('成功') >= 0) {
                                    $('#titledialogs').dialog('close');
                                    loaddata();
                                }
                            }
                        });
                    }
                });
            }
        }, {
            text : '取消',
            iconCls : 'icon-cancel',
            handler : function() {
                $('#titledialogs').dialog('close');
            }
        } ]
    });
}
//修改
function editInfo(index){
    $('#roleList').datagrid('selectRow',index);// 关键在这里  
    var row = $('#roleList').datagrid('getSelected');
    $('#addForm').form('load',{'nonTeamTemplateDetails.monitorItem':row.monitor_item_code,
        "nonTeamTemplateDetails.gapValue":row.gap_value,
        "nonTeamTemplateDetails.alarmRole":row.alarm_role,
        "nonTeamTemplateDetails.alarmValue":row.alarm_value,
        "nonTeamTemplateDetails.remark":row.remark,
        "id":row.id});
    $('#titledialogs').dialog('open').dialog({
        title:'修改模板详情配置',
        iconCls: 'icon-save',
        buttons: [
                  {
                      text: '保存',
                      iconCls:'icon-ok',
                      handler: function(){
                    $.messager.confirm('系统提示', '您确定要修改吗？', function(r){
                        if (r) {
                          $('#addForm').form('submit', {
                              url: 'report/updateNonTeamTemplateDetails.action',
                              onSubmit: function(){
                                  var isValid = $(this).form('validate');
                                  if (!isValid){
                                      $.messager.progress('close');    
                                  }
                                  return isValid;    
                              },
                              success: function(data){
                                  $.messager.progress('close');
                                  $.messager.alert('系统提示', data, 'info');
                                  var ip = $('#ip').val();
                                  if(data.indexOf('成功') >= 0){
                                      $('#titledialogs').dialog('close');
                                      loaddata();
                                  }
                              }
                          });
                        }
                    });
                          }
                  },
                  {
                      text: '取消',
                      iconCls:'icon-cancel',
                      handler: function(){
                          $('#titledialogs').dialog('close');
                      }
                  }
              ]
    });
}
//删除
function deleteInfo(index){
    $('#roleList').datagrid('selectRow',index);// 关键在这里  
    var row = $('#roleList').datagrid('getSelected');   
    if (row){  
        $.messager.confirm('系统提示', "您确定要删除该条信息吗？", function(r){
            if (r) {
                 $.ajax({
                    url:"report/delNonTeamTemplateDetails.action",
                    type:"POST",
                    data:{"id":row.id},
                    timeout:180000,
                    success:function(data){
                        $.messager.alert('系统提示', data, 'info');
                        loaddata();
                    }
                });
            }
        });  
    } 
}

代码2：

jsp：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>例外邮件暂停</title>
    <link href="css/default.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="easyui/easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="easyui/easyui/themes/icon.css" />
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="easyui/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="easyui/js/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="config_js/ipConfig.js"></script>
    <script type="text/javascript" src="report_js/gainet.js"></script>
    <script type="text/javascript" src="config_js/logUtil.js"></script>
</head>
<body>
    <div id='tb'>
        <div style="padding-top: 10px;margin-left: 10px;margin-bottom: 10px">
            <table>
                <td >IP：</td>
                <td style="width: 150px;"><input id="ip" class="easyui-textbox" type="text" data-options="prompt:'可模糊查询'" value='${ip}'/></td>
                <td><a href="javascript:void(0)" class="easyui-linkbutton" id="searchbutton" iconCls="icon-search">搜索</a>
                    <a href="javascript:void(0)" class="easyui-linkbutton" style="margin-left:10px;" id="addButton" iconCls="icon-add" >添加</a>
                    <a href="javascript:void(0)" class="easyui-linkbutton" style="margin-left:10px;" id="deleteList" iconCls="icon-remove" onclick="delList()">批量删除</a> </td>
            </table>
        </div>
    </div>
    <table id="roleList">
        <thead>
          <tr>
          <th data-options="field:'ck',checkbox:true"></th>  
          <th data-options="field:'ip',width:100,align:'center'">IP</th>
          <th data-options="field:'ip_add',width:70,align:'center'">详细</th>
          <th data-options="field:'dtname',width:70,align:'center'">监控类型</th>
          <th data-options="field:'dname',width:70,align:'center'">监控项</th>
<%--          <th data-options="field:'flag',width:40,align:'center',formatter:flaginfo">状态</th>--%>
          <th data-options="field:'is_monitor',width:70,align:'center',formatter:monitorinfo">监控状态</th>
          <th data-options="field:'remark',width:100,align:'center'">备注</th>
          <th data-options="field:'begin_time',width:110,align:'center'">开始时间</th>
          <th data-options="field:'end_time',width:110,align:'center'">结束时间</th>
          <th data-options="field:'interval_after',width:80,align:'center',formatter:intervalAfter">邮件间隔</th>
          <th data-options="field:'times',width:100,align:'center'">时间段</th>
          <th data-options="field:'m_time',width:110,align:'center',sortable:'true'">添加时间</th>
          <th data-options="field:'operate',width:50,align:'center',formatter:formatOper">操作</th>
          </tr>
         </thead>
    </table>
    <div id="processWindow" class="easyui-window" closed="true" modal="true" title="提示消息"
        style="width: 300px; height: 60px;">
        <div id="windowContent" class="general-font">
            <img src="images/loading.gif" />
            操作进行中，请稍后...
        </div>
    </div>
    <div id="titledialos" class="easyui-dialog" title="添加例外邮件暂停" 
        data-options="closed:true,iconCls: 'icon-save',buttons: [
    {    
        text: '保存',
        iconCls:'icon-ok',
        handler: function(){
        $.messager.confirm('系统提示', '您确定要添加吗？', function(r){
          if (r) {
            $('#addForm').form('submit', {
                url: 'config/addIpConfig.action',
                onSubmit: function(){
                    var isValid = $(this).form('validate');
                    if (!isValid){
                        $.messager.progress('close');    
                    }
                    if($('#times').prop('checked')){
                        var p = /^(1?[0-9]|2[0-3])$/;
                        var stimes = $('#stimes').val().trim();
                        var etimes = $('#etimes').val().trim();
                        if(!p.test(stimes) || !p.test(etimes)){
                            $.messager.alert('提示','发送时间段请输入0-23');
                            isValid = false;
                        }
                    }
                    return isValid;    
                },
                success: function(data){
                    $.messager.progress('close');
                    $.messager.alert('系统提示', data, 'info');
                    var ip = $('#ip').val().trim();
                    loaddata(ip);
                    $('#titledialos').dialog('close');
                }
            });
            }
            });
            }
    },
    {
        text: '取消',
        iconCls:'icon-cancel',
        handler: function(){
            $('#titledialos').dialog('close');
        }
    }
]" 
style="width:550px;height:480px;padding:20px;">
        <form id="addForm"  method="post">
            <table class='servertable'>
                <tr>
                    <td style="text-align: right;font-size: 16px">IP是否监控：</td>
                    <td>
                        &nbsp;<select id="monitor" name="ipConfig.monitor" style="width: 220px;" class="easyui-combobox" editable="false" data-options="panelHeight:60">
                            <option value="0">监控</option>
                            <option value="1">不监控</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: right;font-size: 15px">IP：</td>
                    <td>&nbsp;<input class="easyui-textbox" id="add_ip" style="width: 158px;" type="text" name="ipConfig.ip" data-options="required:true"></input>
                    <a href="javascript:void(0)" class="easyui-linkbutton" id="getConfig" iconCls="icon-search">查询</a></td>
                </tr>
                <tr>
                    <td style="text-align: right;font-size: 15px">不发邮件项：</td>
                    <td class="config" style="font-size: 15px">&nbsp;请输入IP后点击查询</td>
                </tr>
                <tr>
                    <td style="text-align: right;font-size: 16px">IP邮件发送间隔：</td>
                    <td>&nbsp;<input class="easyui-textbox" type="text"  style="width: 220px;" name='ipConfig.intervalTime' id="intervalTime"/>(分)</td>
                </tr>
                <tr>
                    <td style="text-align: right;font-size: 16px"><input id="times" type="checkbox" onclick="fssjd()" name="ipConfig.timesSwitch" value="1">不发送邮件(每天)：</td>
                    <td>&nbsp;<input class="easyui-textbox" type="text" data-options="disabled:true" style="width: 83px;" name='ipConfig.stimes' id="stimes"/>点    至<input class="easyui-textbox" type="text" data-options="disabled:true" style="width: 83px;" name='ipConfig.etimes' id="etimes"/>点(输入0-23)</td>
                </tr>
                <tr>
                    <td style="text-align: right;font-size: 15px">不发送邮件(一段时间)：</td>
                    <td>&nbsp;<input class="easyui-datetimebox" style="width: 220px;" name='ipConfig.stime' validType="date" invalidMessage="请填写正确的日期" id="stime"/></td>
                </tr>
                <tr>
                    <td style="text-align: right;font-size: 15px"></td>
                    <td>&nbsp;至<input class="easyui-datetimebox" style="width: 204px;" name='ipConfig.etime' id="etime"/></td>
                </tr>
                <tr>
                    <td style="text-align: right;font-size: 15px">备注：</td>
                     <td>
                        &nbsp;<input id="bz" name="ipConfig.remark" class="easyui-textbox" type="text" style="width:220px;height:100px" required="true" data-options="multiline:true"></input>
                    </td>
                </tr>
            </table>
            <input id="index" name="ipConfig.ip_add" type="hidden"/>
        </form>
    </div>
</body>
</html>

js：

$(function(){
//    $('#titledialos').dialog('close');
    $("#titledialos").dialog({
        onClose: function () {
            $('#add_ip').textbox('setValue','');
            $('#stime').datetimebox('setValue', '');
            $('#etime').datetimebox('setValue', '');
            $('.config').html('&nbsp;请输入IP查询');
            $('#bz').textbox('setValue','');
            $("#times").attr("checked",false);
            $("#stimes").textbox({disabled:true});
            $("#etimes").textbox({disabled:true});
            $("#stimes").textbox('setValue','');
            $("#etimes").textbox('setValue','');
            $("#intervalTime").textbox('setValue','');
            $('#monitor').combobox('select', '1');
        }
    });
    //搜索
    $("#searchbutton").click(function(){
        var ip = $("#ip").val().trim();
        if(ip.length == 0){
            ip = '';
        }
        console.log(ip);
        loaddata(ip);
    });
    //初始  页面跳转设置自动搜索
    var selectIp= $("#ip").val().trim();
    if(selectIp){
        loaddata(selectIp);
    }else{
        loaddata("");
    }
    
})
//弹框  发送时间段复选框点击时间
function fssjd() {
    if($('#times').prop("checked")){// 判断checkbox是否选中
        // 选中状态
        $("#stimes").textbox({disabled:false});
        $("#etimes").textbox({disabled:false});
    }else{
        // 未选中状态
        $("#stimes").textbox({disabled:true});
        $("#etimes").textbox({disabled:true});
    }
}
function loaddata(ip) {
    $('#roleList').datagrid({
//        title: '特殊IP配置',
        iconCls : 'icon-ok',
        fit:true,
//        height:($(window).height())-120,
        width:'100%',
        pageSize : 15,//默认选择的分页是每页5行数据
        pageList : [ 15,50,100,150 ],//可以选择的分页集合
        nowrap : true,//设置为true，当数据长度超出列宽时将会自动截取
        striped : true,//设置为true将交替显示行背景。
        collapsible : true,//显示可折叠按钮
        toolbar:"#tb",//在添加 增添、删除、修改操作的按钮要用到这个
        url:'config/getIpConfigList.action',//url调用Action方法
        loadMsg : '数据装载中......',
//        singleSelect:true,//为true时只能选择单行
        fitColumns:true,//允许表格自动缩放，以适应父容器
        sortName : 'm_time',//当数据表格初始化时以哪一列来排序
        sortOrder : 'desc',//定义排序顺序，可以是'asc'或者'desc'（正序或者倒序）。
        remoteSort : false, 
        pagination : true,//分页
        rownumbers : true,//行数
        queryParams:{'ip':ip},
        onLoadSuccess:function(data){
            $(".delCabinet").linkbutton({ text:'删除', plain:true, iconCls:'icon-remove' });
            $('#roleList').datagrid('fixRowHeight');
            $(".datagrid-row td div").each(function(){
                $(this).attr("title",$(this).text());
            });
        }
    });
    //新增
    $("#addButton").click(function(){
        $('#titledialos').dialog('open');
    });
    //获取配置
    $("#getConfig").click(function(){
        var ip = $("#add_ip").val().trim();
        $.ajax({
            url:"config/getConfig.action",
            type:"POST",
            data:{"ip":ip},
            timeout:180000,
            success:function(data){
                var data = eval(data);
                if(data !=null && data != false){
                    var config = "";
                    for(var i = 0 ; i<data.length; i++){
                        if(i%2 == 0 && i != 0){
                            config += "<br>";
                        }
                        if(data[i].flag !=null && data[i].flag == 1){
                            config += "<input name = 'ipConfig.config' type='checkbox' checked='checked' value = "+data[i].dtchar+">"+data[i].dtname;
                        }else{
                            config += "<input name = 'ipConfig.config' type='checkbox' value = "+data[i].dtchar+">"+data[i].dtname;
                        }
                    }
                    $(".config").html(config);
                }else{
                    $('.config').html('&nbsp;没有查询到，请输入其他IP查询');
                }
            }
        });
    });
}
function formatOper(val,row,index){  
    return '<a href="javascript:void(0)" class="delCabinet" onclick="deleteInfo('+index+')"></a>';  
}
function flaginfo(val,row,index){
    if(row.flag == 0){
        return  "无效";    
    }else if(row.flag == 1 ){
        return "有效";
    }
}
function monitorinfo(val,row,index){
    if(row.is_monitor == 1 ){
        return "不监控";
    }else{
        return "监控";
    }
}
//删除
function deleteInfo(index){
    $('#roleList').datagrid('selectRow',index);// 关键在这里  
    var row = $('#roleList').datagrid('getSelected');  
    if (row){  
        $.messager.confirm('系统提示', "您确定要删除信息吗？", function(r){
            if (r) {
                 $.ajax({
                    url:"config/delIpConfig.action",
                    type:"POST",
                    data:{"ids":row.id},
                    timeout:180000,
                    success:function(data){
                        $.messager.alert('系统提示', data, 'info');
                        var ip = $('#ip').val();
                        loaddata(ip);
                    }
                });
            }
        });  
    } 
}
//批量删除
function delList(){
      //获取表格选择行  
      var rows = $('#roleList').datagrid('getSelections');  
    
      //判断是否选择行  
      if (!rows || rows.length == 0) {  
          $.messager.alert('系统提示', '请选择删除的信息', 'info');
          return;  
      }  
    
      var ids;  
      //循环ID,添加到idList中  
      $.each(rows, function (i, n) {  
          if (i == 0) {  
              ids = n.id;  
          } else {  
              ids += "," + n.id;  
          } 
      }); 
      $.messager.confirm('系统提示', "您确定要删除信息吗？", function(r){
          if (r) {
          $.ajax({
            url:"config/delIpConfig.action",
            type:"POST",
            data:{"ids":ids},
            timeout:180000,
            success:function(data){
                $.messager.alert('系统提示', data, 'info');
                var ip = $('#ip').val();
                loaddata(ip);
            }
          });
          }
      });
};
function rowDir(val,row){
    if (val){
        return '<span style="font-size:15px" title="' + val + '">' + val + '</span>';
    } else {
        return val;
    }
}
function intervalAfter(val,row){
    return val+"分";
}

月零Ray

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
easyui 两种弹框对话框

代码1：jsp：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="s" uri="/struts-tags"%><% String path = request.getContextPath(); String bas...
复制链接

扫一扫

专栏目录