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页都被关闭,回到初始状态的问题. 这个问题虽然不影 ...
随机推荐
- Shiro与基本web环境整合登陆验证实例
1. 用maven导入Shiro依赖包 <dependency> <groupId>org.apache.shiro</groupId> <artifactI ...
- vs2015 iis express启动不了及安装DotNetCore.1.0.0-VS2015Tools.Preview2失败的解决方法
直接用管理员账户打开cmd,进入exe所在的文件夹在运行命令DotNetCore.1.0.0-VS2015Tools.Preview2.exe SKIP_VSU_CHECK=1不要加引号. PS:如果 ...
- 错误 88 error C2248: “CObject::CObject”: 无法访问 private 成员(在“CObject”类中声明) c:\program files (x86)\microsoft visual studio 9.0\vc\atlmfc\include\afxcoll.h 590
最近接收了以前新公司遗留的代码,一个函数动不动就少的一千行,多的几千行,真是受不了这编码风格! 于是便使用了VS自带的重构工具,选择代码后右键-重构-提取方法,提取完方法就编译不过,想了好久原因,原来 ...
- pinyin.js
export default { a: "\u554a\u963f\u9515", ai: "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u ...
- 前端面试题目汇总摘录（JS 基础篇）
JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string typeof null; // o ...
- vue 组件自定义v-model
参考资料:vue官网在vue 中使用v-model双向绑定 <input v-model="something"> 其实是语法糖 <input :value=&q ...
- Linux守护进程管理利器——Supervisor
Supervisor是采用 Python(2.4+) 开发的,它是一个允许用户管理 基于 Unix 系统进程的 Client/Server 系统,提供了大量功能来实现对进程的管理.安装: yum in ...
- 2018-2019-2 20165205 《网络对抗技术》 Exp1 PC平台逆向破解
2018-2019-2 20165205 <网络对抗技术> Exp1 PC平台逆向破解 1. 实验任务 1.1实验概括 用一个pwn1文件. 该程序正常执行流程是:main调用foo函数, ...
- !!!常用bootstrap代码
http://v3.bootcss.com/components/ 组件 http://v3.bootcss.com/customize/ bootstrap定制 http://v3.bootcs ...
- Tomcat（免安装版）的安装与配置【转】
1.下载 到Apache的官方网站,我们可以很容易找到Tomcat的下载地址,如: http://tomcat.apache.org/download-60.cgi 在这里我们可以下载到Tomcat的 ...