ops-web运维平台data.jsp-jquery-mootools
data.jsp页面, 下面列出的是 <body>部分
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<body>
<table id="content">
<tr id="title">
<th width="11%" title="设备ID">设备ID</th>
<th width="12%" title="设备名称">设备名称</th>
<th width="11%" title="设备状态">设备状态</th>
<!-- 其它字段略去 -->
<th width="11%" title="授权码">授权码</th>
<th width="11%" title="审批状态">审批状态</th>
</tr>
<!-- 会调用后台 action的 getDeviceTypeList()方法-->
<s:set name="deviceTypeResource" value="deviceTypeList"/>
<s:set name="deviceStateResource" value="deviceStateList"/>
<s:iterator value="dataList">
<tr class="mouseOut" onmouseover="Mouse.over(this)"
onmouseout="Mouse.out(this)" onmousedown="Mouse.down(this)"
ondblclick="Buttondata.dbclick(this)">
<td title="${deviceId}">${deviceId}</td>
<td title="${deviceName}">${deviceName}</td>
<td title="<h:resource list="deviceStateResource" value="deviceState"/>">
<h:resource list="deviceStateResource" value="deviceState"/>
</td>
<!-- 其它略去-->
<td title="${licenseKey}">${licenseKey}</td>
<td title="${approvalState}">
<h:resource list="deviceApprovalStateList" value="approvalState"/> <!-- <s:hidden /> 会自动将设置id值，id值与name值一样，如果没有认为指定的话-->
<s:hidden name="approvalState" />
<s:hidden name="deviceState" />
<s:hidden name="licenseKey" />
</td> <!-- 选中该记录后，进行其它操作，如更新 查看 删除 会将deviceId传递到action中，多个参数用& 分割 -->
<td id="params" class="hidden">deviceId=${deviceId}</td>
</tr>
</s:iterator>
</table>
</body>
</html>
data.jsp页面, 下面列出的是 <head>部分, 里面有js 先列出 jQuery实现
界面上 原子操作菜单按钮是如下的形式
<div> <a code="${permisCode}" href="#" style="background-image:url('${imageUrl}')"
onclick="ThirdMenu.click('${permisUrl}', '${permisName}', '${permisId}', '${showType}')"
onfocus="this.blur()">${permisName} </a>
</div>
jQuery实现，未必对应这个界面，方法都是一样的
<script type="text/javascript">
$(document).ready(function(){
$("#content tr.data").mousedown(function(e){
auditFlag = $(this).find('>td input[id="auditFlag"]').val()
status = $(this).find('>td input[id="status"]').val()
showButton(false,'DEVICEINFO_SIGN')
// 列一个调用showButton即可
});
})
function showButton(show, code){
btn = $(parent.parent.document).find('#THIRDMENUFRAME').contents().find('a[code="'+code+'"]');
if(show){
btn.show()
} else {
btn.hide()
}
}
</script>
mootools实现，未必对应这个界面，方法都是一样的
界面上 原子操作菜单按钮是如下的形式
<div>
<a code="${permisName}" href="#" style="background-image:url('${imageUrl}')"
onclick="ThirdMenu.click('${permisUrl}', '${permisName}', '${permisId}', '${showType}')"
onfocus="this.blur()">${permisName}
</a>
</div>
<script type="text/javascript">
window.addEvent('domready', function() {
//初始化时只加载新建，修改，删除，查看功能
//其它按钮请自己加
showButton(false,"生成授权码");
//鼠标点击某一条记录
$$("#content tr.mouseOut").addEvent('mousedown',function(event){
//感觉不能使用 ">td input[id='approvalState']"
//设备状态
var stateFlag = $(this).getElement('td input[id="deviceState"]').value;
//licenseKey 授权码
var licenseKey = $(this).getElement('td input[id="licenseKey"]').value;
if(licenseKey==""){
//授权码为空是，生成授权码按钮可以使用
showButton(true,"生成授权码");
}else{
showButton(false,"生成授权码");
}
//对于审批状态，还没有理清，暂时只加入少量的
if(stateFlag=="5"){ //调试状态
//显示启用，其它不显示
showButton(true,"设备启动");
}
});
});
/**
* 显示或隐藏按钮
*/
function showButton(show, code){
// contentDocument属性，是获取标准的jframe的html内容的属性
btn = $(parent.parent.document).getElement('#THIRDMENUFRAME ').contentDocument.getElement('a[code="'+code+'"]') ;
if(btn==null){
return;
}
if(show){
//btn.fade(1); //1代表可见
btn.getParent().setStyle("display","block");
}else{
//btn.fade(0); // 0代表不可见
btn.getParent().setStyle("display","none");
}
}
/**
* getElement 类似于 jQuery的 find()方法
**/
ops-web运维平台data.jsp-jquery-mootools的更多相关文章
- 《开源安全运维平台：OSSIM最佳实践》内容简介
<开源安全运维平台:OSSIM最佳实践 > 李晨光 著 清华大学出版社出版 内 容 简 介在传统的异构网络环境中,运维人员往往利用各种复杂的监管工具来管理网络,由于缺乏一种集成安全运维平台 ...
- 《开源安全运维平台OSSIM最佳实践》
<开源安全运维平台OSSIM最佳实践> 经多年潜心研究开源技术,历时三年创作的<开源安全运维平台OSSIM最佳实践>一书即将出版.该书用80多万字记录了,作者10多年的IT行业 ...
- 运维平台cmdb开发-day1
序读项目由来 终极目标,运维平台.自动化.装机,监控,安装软件,部署基础服务,资产管理,之前是excel,现在是客户端自动获取,变更记录 后台管理 api 采集资产 四种模式agent 定时,每天执行 ...
- sso 自动化运维平台
单点登录SSO(Single Sign-On)是身份管理中的一部分.本文中作者开发了一个自动化运维平台中的统一认证接口,单点登录平台通过提供统一的认证平台,实现单点登录.因此,应用系统并不需要开发用户 ...
- #研发解决方案#iDB-数据库自动化运维平台
郑昀 创建于2015/12/2 最后更新于2015/12/2 关键词:数据库,MySQL,自动化运维,AutoDDL,刷库,帐号授权,审核,回滚 提纲: 数据库自动化运维什么?别人家是怎么玩的? 我们 ...
- saltstack---自动化运维平台
https://github.com/ixrjog/adminset[自动化运维平台:CMDB.CD.DevOps.资产管理.任务编排.持续交付.系统监控.运维管理.配置管理 ] https://ww ...
- CentOS 7.5 部署蓝鲸运维平台
环境准备 官方建议 准备至少3台 CentOS 7 以上操作系统的机器 最低配置:2核4G 建议配置: 4核12G 以上 部署前关闭待安装主机之间防火墙,保证蓝鲸主机之间通信无碍 部署前关闭SELin ...
- distri.lua的web运维工具
我的新手游项目很快就要进入到寻找发行商的环节,最近几天相对较空闲,逐将工作重心转移到服务器组运维工具的制作上. 回想一年之前经历的那个不算成功的端游项目,因为运维工具设计得不合理,使用十分不方便,游戏 ...
- 运维平台之CMDB系统建设
CMDB是运维的基础核心系统,所有的元数据和共享数据管理源,类似于业务中的账号平台的作用.本篇文章,我将从概念篇.模型篇.到实现与实施篇具体的进行阐述. CMDB也称配置管理,配置管理一直被认为是 I ...
随机推荐
- sql语句回忆录1-多表连接子查询
--多表连接查询,在多张表中查询符合条件的记录--注意:给表起简短的别名select * from emp e--给字段起别名:字段名 别名,当别名为数字(包括数字开头)或者有空格时需要用双引号括起来 ...
- 深入认识XmlReader
深入认识XmlReader 摘要 XmlReader类是组成.NET的关键技术之一,极大地方便了开发人员对Xml的操作.通过本文您将对XmlReader有一个很好的认识,并将其应用到实际开发中. ...
- MongoDB索引(一) --- 入门篇：学习使用MongoDB数据库索引
这个系列文章会分为两篇来写: 第一篇:入门篇,学习使用MongoDB数据库索引 第二篇:进阶篇,研究数据库索引原理--B/B+树的基本原理 1. 准备工作 在学习使用MongoDB数据库索引之前,有一 ...
- （转）CentOS无损调整磁盘分区大小的实现方法
前几天在QQ群里,有一个朋友问到关于Linux中如何无损调整磁盘分区大小的问题,针对这个问题我在实际使用的过程中也曾探索过,所以比较关注如何无损的调整磁盘分区大小,而不丢失数据!在Windows中,我 ...
- 在fetch方法中添加header后遇到的预检请求问题
今天在使用fetch方法 fetch('xxx.com',{header:{bbbbbbb:111}}) 浏览器返回的请求信息中,header变成了 :authority:koss.nocorp.me ...
- 如何使用 flannel host-gw backend？- 每天5分钟玩转 Docker 容器技术（62）
flannel 支持多种 backend,前面我们讨论的是 vxlan,host-gw 是 flannel 的另一个 backend,本节会将前面的 vxlan backend 切换成 host-gw ...
- 关闭Excel提示文件格式和扩展名不匹配的警告框
打开某些excel表时,Excel会提示: "a.xls"的文件格式和扩展名不匹配.文件可能已损坏或不安全.除非您信任其来源,否则请勿打开.是否仍要打开它? 在编辑大量的xls ...
- 7.7 WPF后台代码绑定如果是属性，必须指定一下数据上下文才能实现，而函数（click）就不用
如: private bool _IsExportWithImage; /// <summary> /// 是否选择导出曲线图 /// </summary> public bo ...
- JAVA HashMap的实现原理
详见:http://blog.yemou.net/article/query/info/tytfjhfascvhzxcyt359 1. HashMap的数据结构 数据结构中有数组和链表来实现对数据的存 ...
- 手机端rem适应
这段时间做了几个手机版的项目,因为没有用框架,所以用rem来做适应,下面就分享一下 //第一种是比较简单的代码 (function(win) { resizeRoot(); function resi ...