<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp" %>
<duowan:override name="head">
<title>服务器版本修改</title>
<script type="text/javascript">
function updateEvent(){
var form = document.forms[0];
if(validateIsSelect(form.all, form.dimIvers)){
form.action='${ctx}/dimIver/batchUpdateIver.do';
form.status.value=1;
form.submit();
}else{
alert("请选择要操作的记录");
}
}
function resetEvent(){
var form = document.forms[0];
if(validateIsSelect(form.all, form.dimIvers)){
form.action='${ctx}/dimIver/batchUpdateIver.do';
form.status.value=0;
form.submit();
}else{
alert("请选择要操作的记录");
}
}
function allselect(allobj,items){
var state = allobj.checked;
if(items.length){
for(var i=0;i<items.length;i++){
if(!items[i].disabled) items[i].checked=state;
}
}else{
if(!items[i].disabled) items.checked=state;
}
}
/*
* 判断是否选择了记录
*/
function validateIsSelect(allobj,items){
var state = allobj.checked;
if(items.length){
for(var i=0;i<items.length;i++){
if(items[i].checked) return true;
}
}else{
if(items.checked) return true;
}
return false;
}
</script>
</duowan:override>
<duowan:override name="content">
<!--home{-->
<div id="home">
<!--overview{-->
<div id="overview">
<div class="col_1">
<div class="hd">
<h4>服务器版本修改</h4>
</div>
<div id="tableMenu">
<form action="${ctx}/dimIver/getDimIverList.do" method="get" id="queryForm" name="queryForm">
<div style="float:left;">
产品:
<select id="product" name="product">
<option value="null" <c:if test="${product=='null'}">selected </c:if>>全部</option>
<c:forEach items="${dimProducts}" var="item">
<option value="${item.product }" <c:if test="${item.product==product}">selected </c:if>>
${item.description }
</option>
</c:forEach>
</select>
版本号:
<select id="iver" name="iver">
<c:forEach items="${dimIvers}" var="item">
<option value="${item.iver }" <c:if test="${item.iver==iver}">selected </c:if>>
<c:choose>
<c:when test="${item.iver=='null'}">全部</c:when>
<c:when test="${item.iver=='other'}">其他</c:when>
<c:otherwise>${item.iver}</c:otherwise>
</c:choose>
</option>
</c:forEach>
</select>
状态:
<select id="status" name="status">
<option value="1" <c:if test="${status==1}">selected </c:if>>线上版本</option>
<option value="0" <c:if test="${status==0}">selected </c:if>>线下版本</option>
</select>
</div>
<div style="float:left;margin:10px 0 0 30px;">
<input class="btn3" type="submit" value="查询" />
</div>
</div>
</div>
<div id="datarea">
<table>
<tbody>
<tr>
<th style="width:20px;">
<input type="checkbox" name="all" onclick="javascript:allselect(this, this.form.dimIvers)" />
</th>
<th>产品名称</th>
<th>版本号</th>
<th>状态</th>
<th style="width:50px">
<button class="btn2" onClick="javascript:updateEvent()">批量设置</button>
</th>
<th style="width:50px">
<button class="btn2" onClick="javascript:resetEvent()">批量设置</button>
</th>
</tr>
<c:forEach items="${dimIverList}" var="item" varStatus="index">
<tr class="${index.count % 2 == 0 ? 'odd' : 'even' }">
<td>
<input type="checkbox" name="dimIvers" value="${item['product']},${item['iver']}"/>
</td>
<td>
${item['description']}
</td>
<td>
<c:choose>
<c:when test="${item.iver=='null'}">全部</c:when>
<c:when test="${item.iver=='other'}">其他</c:when>
<c:otherwise>${item.iver}</c:otherwise>
</c:choose>
</td>
<td >
<c:if test="${item['status']==1}">线上 </c:if>
<c:if test="${item['status']==0}">线下 </c:if>
</td>
<td class="undefined">
<a class="btn2" href="${ctx}/dimIver/batchUpdateIver.do?product=${item['product']}&iver=${item['iver']}&dimIvers=${item['product']},${item['iver']}&status=1">设为线上</a>
</td>
<td class="undefined">
<a class="btn2" href="${ctx}/dimIver/batchUpdateIver.do?product=${item['product']}&iver=${item['iver']}&dimIvers=${item['product']},${item['iver']}&status=0">设为线下</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</form>
<div class="grayr" id="pageList">
<c:forEach items="${pagelist }" var="cp">
<span class="<c:if test='${cp==pageNum}'>current</c:if>">
<a href="getDimIverList.do?product=${product }&iver=${iver}&status=${status}&pageNum=${cp }">${cp }</a>
</span>
</c:forEach>
</div>
<table class="none">
<tr>
<th>帮助信息</th>
</tr>
<tr>
<td>
<div class="help">
<p></p>
</div>
</td>
</tr>
</table>
</div>
<!--{overview-->
</div>
<!--{home-->
</duowan:override>
<%@ include file="base.jsp" %>
相关推荐
本文没有什么技术上创新,只要会一点Javascript的技术就可以写了。 第一步: 在页面查看源代码,把Form中包含的需要填列的HTML控件找出来如: <form name=”mainfrm” action=”” method=”post”> <input...
当用户提交表单后,需要读取用户选择的复选框值,并构造SQL删除语句。这里假设我们已经建立了一个数据库连接对象`conn`: ```asp dim a, sql a = request.form("mycheckbox") sql = "DELETE FROM tb WHERE id IN ...
2. **jQuery插件**:例如`jQuery.form.js`或`jQuery.fileupload.js`,它们提供了方便的API来处理多文件上传。这些插件可以监听文件选择事件,创建FormData对象,将文件数据附加到对象中,并通过Ajax发送到服务器。 ...
标题提到的“解决EXT下拉列表全选和去全选功能”是一个常见的需求,特别是在数据表格或下拉列表中进行批量操作时。下面我们将深入探讨EXTJS中实现这一功能的方法。 EXTJS的下拉列表通常由`Ext.form.field.ComboBox`...
1. **获取待删除的数据ID**:首先从请求中获取用户勾选的复选框(checkbox)对应的值,这些值存储在`request.form("checkbox")`中。然后使用`Split()`函数将这些ID按照逗号分隔成数组。 ```vb id=request.form(...
在本文中,我们将深入探讨如何在layui框架中实现表格(table)单击行时自动勾选或取消勾选复选框(checkbox)的功能。layui是一个轻量级的前端UI框架,提供了一系列丰富的组件,包括表格,用于数据展示和交互。下面...
用户可以通过勾选这些复选框来选择需要删除的记录。例如: ```html <form action="delete_batch.asp" method="post"> []" value="<%= item.id %>"> <%= item.title %> <!-- 其他记录字段 --> </form> ``` ...
例如,如果是Node.js的Express,可以使用`multer`中间件来解析`multipart/form-data`格式的数据。 此外,为了提供良好的用户体验,我们可能需要添加进度条显示上传进度,这需要用到FileReader API的`progress`事件...
当用户勾选时,该状态为“真”;反之,则为“假”。通过设置多个`Checkbox`,可以实现对多个项目的选取。 #### 二、HTML结构设计 首先,我们需要构建一个包含多个`Checkbox`的表格或列表。每个`Checkbox`都对应一...
var form = layui.form; // 监听全选复选框的点击事件 form.on('switch(checkbox_v1)', function (data) { var checkbox1 = $('.checkbox1'); if (data.elem.checked) { // 全选 checkbox1.each(function ()...
当用户勾选多个商品时,这些选中的商品ID将会以数组的形式发送到服务器。 在后端,我们需要在Spring MVC的Controller中定义一个处理删除请求的方法。这个方法会接收一个商品ID的数组参数。例如: ```java import ...
Vue.js是一个轻量级的JavaScript框架,用于构建用户界面。它提供了声明式的数据绑定和组件化,使得创建复杂的单页应用变得简单易懂。Element UI是基于Vue.js的UI组件库,提供了丰富的界面元素,如表单、按钮、对话框...
通常,这涉及到表格(datagrid)组件,通过勾选复选框选择多行数据,然后通过一个按钮触发删除操作。关键在于理解`onCheckAll`和`onUncheckAll`事件,以及如何调用服务器端的删除接口。源码中,你可能看到类似以下的...
在实际应用中,全选功能常用于批量操作,如用户一次性勾选多个选项进行批量删除、导出等操作。 首先,我们需要了解`<el-select>`的基本用法。在Element-UI中,`<el-select>`组件用于创建一个下拉选择框,通过`...
在示例中,`<form id="myForm" action="http://10.10.25.31:8080/myupload/UploadPhotoServlet" ENCTYPE="multipart/form-data" METHOD="POST">`指定了表单的编码类型和提交方法。 3. Java后端处理文件上传: 示例...
3. **触发事件**:模拟用户交互,如点击按钮、勾选复选框等,触发相应的JavaScript事件。 4. **监听和响应**:设置监听器,捕获网页状态变化,根据反馈调整下一步操作。 5. **自动化执行**:编写脚本,让程序按照...
在待办事项列表中,我们利用`ng-repeat`指令遍历`$scope.todos`数组来显示所有待办事项,并提供勾选、删除和完成功能。 ```html 待办事项 $index"> ($index, $event)"> {{todo.text}} ($index, todos)">删除 ``...
具体来说,可以在table插件的源码中添加一个新的方法,例如mylaysetCheck,通过该方法可以灵活地控制复选框的勾选与取消勾选行为,并且可以触发相应的事件,通知其他相关组件更新状态。 在实现复选框联动功能时,有...
- **示例**:右击任务栏空白处,选择“锁定任务栏”,取消勾选后可以拖动任务栏。 ### 局域网特征 - **知识点**:局域网(LAN)的特点包括覆盖范围有限、传输速率较高、易于建立和管理等。 - **示例**:办公室内部...