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的更多相关文章

  1. 《开源安全运维平台：OSSIM最佳实践》内容简介

    <开源安全运维平台:OSSIM最佳实践 > 李晨光 著 清华大学出版社出版 内 容 简 介在传统的异构网络环境中,运维人员往往利用各种复杂的监管工具来管理网络,由于缺乏一种集成安全运维平台 ...

  2. 《开源安全运维平台OSSIM最佳实践》

    <开源安全运维平台OSSIM最佳实践> 经多年潜心研究开源技术,历时三年创作的<开源安全运维平台OSSIM最佳实践>一书即将出版.该书用80多万字记录了,作者10多年的IT行业 ...

  3. 运维平台cmdb开发-day1

    序读项目由来 终极目标,运维平台.自动化.装机,监控,安装软件,部署基础服务,资产管理,之前是excel,现在是客户端自动获取,变更记录 后台管理 api 采集资产 四种模式agent 定时,每天执行 ...

  4. sso 自动化运维平台

    单点登录SSO(Single Sign-On)是身份管理中的一部分.本文中作者开发了一个自动化运维平台中的统一认证接口,单点登录平台通过提供统一的认证平台,实现单点登录.因此,应用系统并不需要开发用户 ...

  5. #研发解决方案#iDB-数据库自动化运维平台

    郑昀 创建于2015/12/2 最后更新于2015/12/2 关键词:数据库,MySQL,自动化运维,AutoDDL,刷库,帐号授权,审核,回滚 提纲: 数据库自动化运维什么?别人家是怎么玩的? 我们 ...

  6. saltstack---自动化运维平台

    https://github.com/ixrjog/adminset[自动化运维平台:CMDB.CD.DevOps.资产管理.任务编排.持续交付.系统监控.运维管理.配置管理 ] https://ww ...

  7. CentOS 7.5 部署蓝鲸运维平台

    环境准备 官方建议 准备至少3台 CentOS 7 以上操作系统的机器 最低配置:2核4G 建议配置: 4核12G 以上 部署前关闭待安装主机之间防火墙,保证蓝鲸主机之间通信无碍 部署前关闭SELin ...

  8. distri.lua的web运维工具

    我的新手游项目很快就要进入到寻找发行商的环节,最近几天相对较空闲,逐将工作重心转移到服务器组运维工具的制作上. 回想一年之前经历的那个不算成功的端游项目,因为运维工具设计得不合理,使用十分不方便,游戏 ...

  9. 运维平台之CMDB系统建设

    CMDB是运维的基础核心系统,所有的元数据和共享数据管理源,类似于业务中的账号平台的作用.本篇文章,我将从概念篇.模型篇.到实现与实施篇具体的进行阐述. CMDB也称配置管理,配置管理一直被认为是 I ...

随机推荐

  1. 一个基于JRTPLIB的轻量级RTSP客户端(myRTSPClient)——收流篇：（二）示例

    一.搭建RTSP服务器 要想测试RTSP客户端,没有服务端怎么行呢?然而,有时候条件有限,手头并没有独立的RTSP服务器拿来用,那么我们不妨自己撘一个. 以下有2种方便的做法可供选择: 第一种:使用v ...

  2. Python第一天---第一个Python程序

    1.我的环境是windows下,需要安装notepad++,安装Python2,配置环境变量(百度下可以见) 2.打开cmd窗口-----输入I:  [输入要在哪个磁盘存储python代码(我的在I: ...

  3. Vim入门学习之Vim解析

    Vim解析... ----------------------- 首先你要会从官网上下载你想要的Vim版本:   官网: http://www.vim.org/==================== ...

  4. Java入门——学会使用API

    API是什么? API(Application Programming Interface)就是别人写的代码使用说明书. 下面是中文版API的使用具体截图. 1.左上角有个显示(图中"隐藏& ...

  5. Python学习笔记3

    __slots__ 如果我们想要限制class的属性怎么办?比如,只允许对Student实例添加name和age属性. 为了达到限制的目的,Python允许在定义class的时候,定义一个特殊的__s ...

  6. HTML脚本配置Android自动化测试

    说明   在项目配置完基于robotium框架下的自动化测试用例后发现虽然用代码配置测试用例虽然较为灵活,但是如果编写较为全面的测试用例则必然会消耗大量开人员的精力,并且对于用例的后期维护也是很大一部 ...

  7. SVN的branch合并到trunk的过程思考

    SVN branch合并到主线的整个过程相对来说还是比较繁琐的,下面一个图揭示了一个大概的过程: 1. 将branch上的代码update到本地. 2.将 trunk上的代码也update到本地. 3 ...

  8. 正则表达式过滤HTML、JS、CSS

    功能用途 主要是用来提取html页面内容时使用. 示例代码 using System; using System.Collections.Generic; using System.Linq; usi ...

  9. CDN架构以及原理分析

    详见: http://blog.yemou.net/article/query/info/tytfjhfascvhzxcytp61  在不同地域的用户访问网站的响应速度存在差异,为了提高用户访问的响应 ...

  10. maven 自我学习笔记

    1.常用网站: maven.apache.org http://mvnrepository.com/   2.命令 mvn -v 查看maven的版本 mvn -compile 在项目的根目录下编译项 ...