ops-web运维平台-create.jsp-mootools下拉框-复选框
create.jsp页面的，body部分
<body onload="Page.init('${pageError}','${pageMessage}',${isSubmit},true)">
<div id="title">${pageTitle}</div>
<s:form id="MYFORM" action="%{pageAction}" method="post" theme="simple">
<div id="content">
<table>
<!-- 仅仅是一个例子-->
<tr>
<th width="13%">设备所有权类型:</th>
<td width="35%">
<s:select name="deviceInfo.owenerType"
id="ownerType"
list="owenerTypeList"
listKey="realValue"
listValue="displayValue"
headerKey=""
headerValue="请选择"/>
</td>
</tr>
<tr >
<td colspan="4" width="100%"> </td>
</tr>
<tr >
<th width="13%">设备类型-模块信息</th>
<td id="modelpart" colspan="3" >
</td>
</tr>
</table>
</div>
<div id="operator">
<div class="left"></div>
<div class="middle" onclick="Page.submit()">提交</div>
<div class="right"></div>
<div class="left"></div>
<div class="middle" onclick="Page.close()">关闭</div>
<div class="right"></div>
</div>
</s:form>
</body>
js-mootools框架-实现的功能：
根据下拉框选中的类型，生成复选框，放到<td id="modelpart" colspan="3" > </td>里面
head部分的 javascript，是mootools实现的
<script type="text/javascript" >
window.addEvent('domready', function(){
/**
* 对于选中下拉框进行ajax异步请求的操作
*/
//这个是获取到 设备类型 隐藏域字段
$$("#content #ownerType").addEvent('change',function(event){
if($(this).value==""){
//清空元素
var td=$$("#content tr #modelpart");
td.set("html","")
return;
}else{
var jsonRequest = new Request.JSON({
url: 'deviceinfo!loadDeviceModelByType.jspa',
onSuccess: function(responseJSON, responseText){
var td=$$("#content tr #modelpart");
td.set("html",""); //清空子元素
responseJSON.each(function(item,index){
//生成checkbox
var checkbox=new Element('input',{id:"checkbox"+index,type:"checkbox", "class":"checkbox" ,checked:"true"});
//追加到 td中 //括号里面是当前元素
var label=new Element("label",{"for":"checkbox"+index,text:item.displayValue+" "});
td.adopt(checkbox); //这才是追加元素的方式
td.adopt(label);
});
},
onFailure: function(xhr){
alert(xhr);
}
}).post({'deviceType': '1'});
}
});
});
</script>
ops-web运维平台-create.jsp-mootools下拉框-复选框的更多相关文章
- （1）Linux常用的运维平台和工具
运维工程师使用的运维平台和工具包括: Web服务器:apache.tomcat.nginx.lighttpd 监控:nagios.ganglia.cacti.zabbix 自动部署:ansible.s ...
- 用友iuap云运维平台支持基于K8s的微服务架构
什么是微服务架构? 微服务(MicroServices)架构是当前互联网业界的一个技术热点,业内各公司也都纷纷开展微服务化体系建设.微服务架构的本质,是用一些功能比较明确.业务比较精练的服务去解决更大 ...
- （4）Linux常用的运维平台和工具
运维工程师使用的运维平台和工具包括: Web服务器:apache.tomcat.nginx.lighttpd 监控:nagios.ganglia.cacti.zabbix 自动部署:ansible.s ...
- OMS自动化运维平台部署
OMS自动化运维平台部署 一.基础环境安装 yum -y install mariadb mariadb-devel mariadb-server wget epel-release python-d ...
- 实战：阿里巴巴 DevOps 转型后的运维平台建设
导读:阿里巴巴DevOps转型之后,运维平台是如何建设的?阿里巴巴高级技术专家陈喻结合运维自身的理解,业务场景的分析和业界方法论的一些思考,得出来一些最佳实践分享给大家. 前言 “我是这个应用 ...
- 阿里巴巴 DevOps 转型后的运维平台建设
原文:http://www.sohu.com/a/156724220_262549 本文转载自公众号「DevOps 时代」,高效运维社区致力于陪伴您的职业生涯,与您一起愉快的成长. 作者简介: 陈喻( ...
- devops 运维平台相关知识
1.https://choerodon.io/zh/community/ (代码 https://github.com/choerodon/choerodon) 猪齿鱼 2.https://www.o ...
- 【I·M·U_Ops】------Ⅰ------ IMU自动化运维平台设想
说明本脚本仅作为学习使用,请勿用于任何商业用途.本文为原创,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接和本声明. #A 搞这个平台的初心 由于之前呆的单位所有IT相关硬件资源都要我们 ...
- Web前端之复选框选中属性
熟悉web前端开发的人都知道,判断复选框是否选中是经常做的事情,判断的方法很多,但是开发过程中常常忽略了这些方法的兼容性,而是实现效果就好 了.博主之前用户不少方法,经常Google到一些这个不好那个 ...
随机推荐
- ASP.NET Core MVC – Tag Helper 组件
ASP.NET Core Tag Helpers系列目录,这是第五篇,共五篇: ASP.NET Core MVC – Tag Helpers 介绍 ASP.NET Core MVC – Caching ...
- Google研究人员宣布完成全球首例SHA-1哈希碰撞！
2004年的国际密码讨论年会(CRYPTO)尾声,我国密码学家王小云及其研究同事展示了MD5.SHA-0及其他相关杂凑函数的杂凑碰撞并给出了实例.时隔13年之后,来自Google的研究人员宣布完成第一 ...
- lsnrctl start 命令未找到 数据库连接报错“ORA-12541: TNS: 无监听程序”
1. lsnrctl start 命令未找到 或者bash:lsnrctl:command not found. su - oralce 切换用户的时候,中间要有-,而且-的两边有空格, ...
- Html5笔记之第八天
HTML字符实体 显示结果 描述 实体名称 实体编号 空格 < 小于号 < < > 大于号 > > & 和号 & & " ...
- python专题-Mysql数据库（python3._+ PyMysql）
之前写过一篇 Python使用MySQL数据库的博客,主要使用的是Python2和MySQLdb驱动. python使用mysql数据库 Python2 ---> Python3 MySQLdb ...
- Django连接mysql数据库
1.app中对应的models.py配置相关表结构信息 from django.db import models class Question(models.Model): question_text ...
- [2013-06-05]bat脚本设置DNS
有时候需要切换本机dns,将网络环境转至测试环境 @echo off netsh interface ip set dns name="本地连接" source=static ad ...
- 记一次JavaWeb网站技术架构总结
题记 工作也有几多年了,无论是身边遇到的还是耳间闻到的,多多少少也积攒了自己的一些经验和思考,当然,博主并没有太多接触高大上的分布式架构实践,相对比较零碎,随时补充. 俗话说的好,冰冻三尺非一日之寒, ...
- VS2015企业版和专业版永久密匙
专业版:HMGNV-WCYXV-X7G9W-YCX63-B98R2企业版:HM6NR-QXX7C-DFW2Y-8B82K-WTYJV
- Microsoft Dynamics 365 之 味全食品 项目分享和Customer Engagement新特性分享
味全食品 Dynamics 365项目: 在企业门户和电子商务等新营销模式频出的今天,零售业需要利用统一的管理平台管理日益庞大的客户及销售数据,整合线上线下的零售业务,从采购.仓储.生产.配送到销售. ...