easyUI添加修改tab页(toolbar)
代码：
<div id="editdialos" class="easyui-dialog" title="虚机配置修改"
data-options="closed:true,iconCls: 'icon-save',
toolbar: [{
text:'基本配置',
iconCls: 'icon-edit',
handler:function(){
$('.a').css('display', '');
$('.b').css('display', 'none');
}
},'-',{
text:'监控项配置',
iconCls: 'icon-edit',
handler:function(){
$('.a').css('display', 'none');
$('.b').css('display', '');
}
}],
buttons: [{
text: '保存',
iconCls:'icon-ok',
handler: function(){
$.messager.confirm('系统提示', '您确定要修改吗？', function(r){
if (r) {
$('#editForm').form('submit', {
url: 'config/updateServerInfoWH.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 = $('#mod_ip').val();
if(data.indexOf('成功') >= 0){
var machineName = $('#mod_name').val();
var role = $('#mod_role').combobox('getText');
var group = $('#selGroupMod').combobox('getText');
var manager = $('#managerMod').combobox('getText');
var email = $('#mod_isEmail').combobox('getText');
var isBusiness = $('#mod_isBusiness').combobox('getText');
var mStatus = $('#mod_mStatus').combobox('getText');
var region = $('#mod_region').combobox('getText');
var extranetIP = $('#mod_extranetIP').val();
var serverIP = $('#mod_serverIP').val();
var remark = $('#mod_remark').val();
var log = $('#logUtil').val();
var rizhiData ='虚机配置,修改,' + log + ',IP：' + ip +';机器名：' + machineName + ';角色：' + role
+ ';所属组：' + group + ';管理人：' + manager + ';邮件：' + email + ';创建业务：' + isBusiness
+ ';机器状态：' + mStatus + ';外网IP：' + extranetIP + ';地区：' + region
+ ';宿主机IP:' + serverIP + ';备注：' + remark;
rizhi(rizhiData);
}
$('#editdialos').dialog('close');
loaddata('-1',ip,'-1','-1','-1');
}
});
}
});
}
},
{
text: '取消',
iconCls:'icon-cancel',
handler: function(){
$('#editdialos').dialog('close');
}
}
]"
style="width:550px;height:530px;padding:10px;">
<div>
<form id="editForm" method="post">
<table class="servertable1">
<tr>
<td class="b" style="display:none;padding-top:20px;"><input style="width:30px" name="whUnmonitorIp.CPU" id="CPU" type="checkbox" checked="checked" value="CPU" width="30px">CPU</input></td>
<td class="b" style="display:none"></td>
</tr>
<tr>
<td class="b" style="display:none"><input style="width:30px" name="whUnmonitorIp.DISK" id="DISK" type="checkbox" checked="checked" value="DISK" width="30px">DISK</input></td>
<td class="b" style="display:none"></td>
</tr>
<tr>
<td class="b" style="display:none"><input style="width:30px" name="whUnmonitorIp.NET" id="NET" type="checkbox" checked="checked" value="NET" width="30px">NET</input></td>
<td class="b" style="display:none"></td>
</tr>
<tr>
<td class="b" style="display:none"><input style="width:30px" name="whUnmonitorIp.PROCES" id="PROCES" type="checkbox" checked="checked" value="PROCES" width="30px">PROCES</input></td>
<td class="b" style="display:none"></td>
</tr>
<tr>
<td class="b" style="display:none"><input style="width:30px" name="whUnmonitorIp.RAM" id="RAM" type="checkbox" checked="checked" value="RAM" width="30px">RAM</input></td>
<td class="b" style="display:none"></td>
</tr>
<!-- <tr> -->
<!-- <td class="b" style="display:none"><input style="width:30px" name="whUnmonitorIp.VHNUM" id="VHNUM" type="checkbox" checked="checked" value="VHNUM" width="30px">VHNUM</input></td> -->
<!-- <td class="b" style="display:none"></td> -->
<!-- </tr> -->
<tr>
<td class="b" style="display:none"><input style="width:30px" name="whUnmonitorIp.ZOOMBIE" id="ZOOMBIE" type="checkbox" checked="checked" value="ZOOMBIE" width="30px">ZOOMBIE</input></td>
<td class="b" style="display:none"></td>
</tr>
<tr>
<td class="b" style="display:none;padding-left:38px;">SERVER :</td>
<td class="b" style="display:none"><input style="width:30px" name="whUnmonitorIp.SERVER_APACHE" id="SERVER_APACHE" type="checkbox" checked="checked" value="SERVER_APACHE" width="30px"></input>APACHE</td>
</tr>
<tr>
<td class="b" style="display:none"></td>
<td class="b" style="display:none"><input style="width:30px" name="whUnmonitorIp.SERVER_FTP" id="SERVER_FTP" type="checkbox" checked="checked" value="SERVER_FTP" width="30px"></input>FTP</td>
</tr>
<tr>
<td class="b" style="display:none"></td>
<td class="b" style="display:none"><input style="width:30px" name="whUnmonitorIp.SERVER_IMGACCELERATE" id="SERVER_IMGACCELERATE" type="checkbox" checked="checked" value="SERVER_IMGACCELERATE" width="30px"></input>IMGACCELERATE</td>
</tr>
<tr>
<td class="b" style="display:none"></td>
<td class="b" style="display:none"><input style="width:30px" name="whUnmonitorIp.SERVER_INTERFACE" id="SERVER_INTERFACE" type="checkbox" checked="checked" value="SERVER_INTERFACE" width="30px"></input>INTERFACE</td>
</tr>
<tr>
<td style="display:none"></td>
<td style="display:none"><input style="width:30px" name="whUnmonitorIp.hidden" type="checkbox" checked="checked" value="1" width="30px"></input></td>
</tr>
<%-- <tr>
<td class="b" style="display:none;padding-left:38px;">开始时间 : </td>
<td class="b" style="display:none"><input class="easyui-datetimebox" style="width: 170px;" name='starttime' id="starttime"/></td>
</tr>
<tr>
<td class="b" style="display:none;padding-left:38px;">结束时间 : </td>
<td class="b" style="display:none"><input class="easyui-datetimebox" style="width: 170px;" name='endtime' id="endtime"/></td>
</tr>--%>
<tr>
<td class="a">IP:</td>
<td class="a"><input style="width:240px" class="easyui-textbox" id="mod_ip" type="text" name="serverInfoWH.ip" readonly='true' data-options="required:true"></input></td>
</tr>
<tr>
<td class="a">机器名称:</td>
<td class="a"><input style="width:240px" class="easyui-textbox" id="mod_name" type="text" name="serverInfoWH.machineName" data-options=""></input></td>
</tr>
<tr>
<td class="a">角色:</td>
<td class="a"><select style="width:240px" id="mod_role" name="serverInfoWH.role" class="easyui-combobox" editable="false" data-options="">
<option value="-1">请选择</option>
<option value="701">香港虚机主机-Linux虚机</option>
<option value="702">香港虚机主机-WIN虚机</option>
<option value="703">香港虚机主机-Mysql虚机</option>
<option value="704">香港虚机主机-SqlServer虚机</option>
<option value="705">郑州虚机主机-Linux虚机</option>
<option value="706">郑州虚机主机-WIN虚机</option>
<option value="707">郑州虚机主机-Mysql虚机</option>
<option value="708">郑州虚机主机-SqlServer虚机</option>
<option value="713">美国虚拟主机-WIN虚机</option>
<option value="714">美国虚拟主机-Linux虚机</option>
<option value="715">美国虚拟主机-MySQL虚机</option>
<option value="716">美国虚拟主机-MSSQL虚机</option>
</select></td>
</tr>
<tr>
<td class="a">所属组:</td>
<td class="a"><select style="width:240px" id="selGroupMod" name="serverInfoWH.groupID" class="easyui-combobox" editable="false" data-options="
url:'config/getGroupList.action',
valueField:'id',
textField:'gname',
panelHeight:'auto',
validType:'testgroup'
">
</select></td>
</tr> <tr>
<td class="a">管理人:</td>
<td class="a"><select style="width:240px" id="managerMod" name="serverInfoWH.manager" class="easyui-combobox" editable="false" data-options="
valueField:'value',
textField:'text',
panelHeight:'auto'
"> </select></td>
</tr>
<tr>
<td class="a">邮件:</td>
<td class="a"><select style="width:240px" id='mod_isEmail' class="easyui-combobox" editable="false" name="serverInfoWH.isEmail" >
<option value="1">发送</option>
<option value="0">不发送</option>
</select>
</td>
</tr>
<tr>
<td class="a">创建业务:</td>
<td class="a"><select style="width:240px" id='mod_isBusiness' name="serverInfoWH.isBusiness" class="easyui-combobox" editable="false" >
<option value="1">可以</option>
<option value="0">不可以</option>
</select>
</td>
</tr>
<tr>
<td class="a">机器状态:</td>
<td class="a"><select style="width:240px" id='mod_mStatus' name="serverInfoWH.mStatus" class="easyui-combobox" editable="false" >
<option value="1">正常</option>
<option value="0">下架</option>
</select>
</td>
</tr>
<tr>
<td class="a">地区:</td>
<td class="a"><select style="width:240px" id='mod_region' name="serverInfoWH.region" class="easyui-combobox" editable="false" >
<option value="4001">郑州</option>
<option value="4002">香港</option>
<option value="4003">北京</option>
</select>
</td>
</tr>
<tr>
<td class="a">外网IP:</td>
<td class="a"><input style="width:240px" class="easyui-textbox" id="mod_extranetIP" type="text" name="serverInfoWH.extranetIP" data-options=""></input></td>
</tr>
<tr>
<td class="a">宿主IP:</td>
<td class="a"><input style="width:240px" id='mod_serverIP' class="easyui-textbox" type="text" name="serverInfoWH.serverIP" data-options=""></input></td>
</tr>
<tr>
<td class="a">备注:</td>
<td class="a"><textarea id='mod_remark' class="easyui-textbox" name="serverInfoWH.remark" style="height:50px;width:240px"></textarea></td>
</tr>
</table>
</form>
</div>
</div>
easyUI添加修改tab页(toolbar)的更多相关文章
- Easyui 去除jquery-easui tab页div自带滚动条
去除jquery-easui tab页div自带滚动条 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 需求场景 打开tab页面时,自动载入一个iframe页 ...
- easyui刷新指定tab页里面的数据
主页Home/Index中使用tab管理,在主页中设置一个刷新的方法. /** * 刷新指定的tab里面的数据 * @param title 选项卡标题 * @param refreshTabFunc ...
- EasyUI DataGrid 修改每页显示数量的最大值&&导出Grid到Excel
首先,最近在搞那个DataGrid的导出,发现,网上的用JS导出到本地的方法虽然可用,但是只能导出DataGrid当前的数据,例如说,DataGrid默认是最大显示50行,但是如果有多页,那么就无法显 ...
- easyui添加生成tab和子页面jsp
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>& ...
- 在bootstrap ace样式框架上修改的后台管理型模板(Tab页后台管理模板)
后台管理模板开始用frameset布局,但是有时候会遮挡比如上面导航或者左边导航的二级三级弹出菜单,因为宽度被限制了,所以有时候就用easyui或者ext的,但是样式不好看,然后看到了bootstra ...
- 使用easyui为tab页增加右键菜单
在使用easyui进行上左右布局一文中,我们已经使用easyui搭建起了一个简单的上左右布局.在使用的过程中,我们经常会遇到tab页打开的太多,但只能一个一个的关闭的烦恼,这个时候有没有想到eclip ...
- jquery easyui 中tab页添加其他页面，href与content的用法与区别
//tab页增加 function addPanel(name,url){ var dd = $('#tt').tabs('exists',name); if(dd){ $('#tt').tabs(' ...
- Easyui 实现点击不同树节点打开不同tab页展示不同datagrid表数据设计
实现点击不同树节点打开不同tab页展示不同datagrid表数据设计 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 需求描述 如上图, 1.点击左侧树,叶子 ...
- easyui修复浏览器刷新后，tab页全部关闭的问题
一.问题描述 使用easyui搭建的上左右页面布局,当我们在右侧打开了tab页,发现点击浏览器的刷新按钮后,整个页面会被重新渲染,导致所有打开的tab页都被关闭,回到初始状态的问题. 这个问题虽然不影 ...
随机推荐
- DP基础练习(4.21)
数塔 Description 在讲述DP算法的时候,一个经典的例子就是数塔问题,它是这样描述的: 有如下所示的数塔,要求从顶层走到底层,若每一步只能走到相邻的结点,则经过的结点的数字之和最大是多少? ...
- VS2017报错 未能加载文件或程序集”Oracle.DataAccess, Version=2.122.1.0, Culture=neutral, PublicKeyToken=89b483f429c47342"或它的某一个依赖项。试图加载格式不正确的程序
1.VS2017调用Oracle数据库报错:(采取Oracle.DataAccess.Client.dll方法调用) 2.解决方案:(将架构由anycpu转成x86或者x64) 3.具体步骤:anyc ...
- 64 位 Windows 平台开发注意要点之文件系统重定向
Program Files 的重定向 很多开发人员都知道,在 64 位 Windows 系统上,32 位程序是无法获取得到 C:\Program Files 的完整路径的,只能获取到 C:\Progr ...
- JAVA除法保留小数点后两位的两种方法
1.(double) (Math.round(sd3*10000)/10000.0); 这样为保持4位 (double) (Math.round(sd3*100)/100.0); 这样为保持2位 ...
- python 常用技巧
一.字符串与数值的转换 Python中字符串转换为数值: str_num = '99' num = int(str_num) 整型数转换为字符串: num = 99 str_num = str(num ...
- 逆向工程vgenerator(三)
前言 该项目的最后一篇博文,最终构建,写入文件,整体项目流程将在本片文章中写出. jdbcType /** *@author vvxtoys *mysql单位 -> jdbcType */ pa ...
- TinkPHP框架学习-03模型类
1-----数据访问 2-----数据查询 3-----数据添加 4-----数据修改 5-----数据删除 创建一张nation表并写入三条测试数据 create table nation( `co ...
- ---rk3288 mipi 整发（适用于新版的kernel 4.4 ）
http://www.pianshen.com/article/7245318143/ 老的Anroid 5.1 下 Linux 3.10 的数据的名字和 处理方式有不少不同 不过rk3128 还在走 ...
- js验证对象类型
js验证对象类型 1. Object.prototype.toString.call() 这是最佳解决方案,可以用作通用方式处理.各种类型的判断依据类似于[object Object],替换的是后边的 ...
- 云栖大会day2总结 上午
第二天上午主要是参与了开发者专场 上 09:00-09:40 线上线下融合时代的工程师成长 李佩 饿了么高级算法总监 09:40-10:20 如何统一阿里巴巴代码规范:探寻工程师文化之路 玄坛 阿里巴 ...