zoukankan      html  css  js  c++  java
  • 下拉维护界面

    1. 
    <head>
    	<title>运维平台</title>
    	<link rel="stylesheet" type="text/css" href="/static/Css/Monitor/getcert.css">
    	<link rel="stylesheet" type="text/css" href="/static/Css/Public/header.css">
    	<link rel="stylesheet" type="text/css" href="/static/Css/Public/menu.css">
    </head>
    <body>
    	<include file="Public:header"/>
    	<div class="content">
    		<include file="Public:menu"/>
    		<div class="con fl">
    			<label class="condition">应用</label>
    			<select name="app" class="monitor">
    			</select>
    			<input type="submit" value="查询" class="getcert">
    		</div>
                         	<table class="gridtable fr">
                            <th>CERT_NAME</th><th>CERT_PATH</th><th>EXPIRED_DATE</th><th>APPLY_INFO</th>
    		</table>
    	</div>
    </body>
    <script type="text/javascript" src="/static/Js/jquery-2.2.2.min.js"></script>
    <script type="text/javascript" src="/static/Js/Monitor/getcert.js"></script>
    <!script type="text/javascript" src="/static/Js/Public/menu.js"><!/script>
    <script type="text/javascript" src="/static/Js/Public/ajax.js"></script>
    </html>
    <html>
    
    
    2.$(function(){
        var _content = $('.content');
        var _app_select = $("select[name='app']");
        var _sub_btn = $(".getcert");
    	getapp("pro");
    	function getapp(env){
    		var data = {};
    		var successfn = function(jdata){
    			var _HTML = "";
    			_app_select.html("");
    			$.each(jdata,function(i,val){
    				_HTML = _HTML + "<option value="+jdata[i][0]+">"+jdata[i][0]+"</option>";
    			});
    			_app_select.html(_HTML);
    		};
    		var errorfn = function(jdata){
    			alert("数据返回出错");
    		};
    		
    		$.ajax({
                type: "get",
                data: data,
                url: "/api/getcertlist",
    			dataType: "json",
                success: function(d){
                    successfn(d);
                },
                error: function(e){
                    errorfn(e);
                }
            });
    	}
    		
    	_sub_btn.on('click',function(){
    		var data={};
    		data.app_select=_app_select.val();
    		var successfn = function(jdata){
                    $(".gridtable").empty();
                    var _HTML="<tr><th>CERT_NAME </th><th>CERT_PATH</th><th>EXPIRED_DATE</th><th>APPLY_INFO</th><th class='gridth'>Action</th></tr>"
                    $.each(jdata,function(i,val){
    		_HTML=_HTML+"<tr><td>"+jdata[i][0]+"</td><td>"+jdata[i][1]+"</td><td>"+jdata[i][2]+"</td><td>"+jdata[i][3]+"</td><td class='gridtd'><span class='btn fl modify' data-eid="+jdata[i][0]+">修改</span></td></tr>";
    	         });
    		$(".gridtable").html(_HTML);
                    };
    		var errorfn = function(){
                        alert("数据获取出错");
                    };
    		$.ajax({
                type: "get",
                data: data,
                url: "/api/getcertinfo",
    			dataType: "json",
                success: function(d){
                    successfn(d);
                },
                error: function(e){
                    errorfn(e);
    		}        
    	});
    	})
    
    	_content.on('click', '.gridtable .gridtd span.del', function() {
    		var _sn = $(this).attr('data-eid');
    		window.location="/delEquipment/"+_sn;
    	});
    	
    	_content.on('click', '.gridtable .gridtd span.modify', function() {
    		var _sn = $(this).attr('data-eid');
    		window.location="/modifyredis/ip/"+_sn;
    	});	
    })
    

  • 相关阅读:
    Django-orm-自关联
    Android中像素相关
    Android导入项目工程时报错“ Invalid project description”
    汇编之64位操作系统安装debug.exe
    mygui初探(二)皮肤编辑器
    mygui初探(一)基础
    一种破解静态链接库(.lib)的简单方法
    工作这两年的经验与教训
    3D单机游戏《天鹰教》源码发布(二)
    HUSTOJ的Windows版评判内核(二)
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13349283.html
Copyright © 2011-2022 走看看