最近写的页面，含有大量的ajax

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/ule-taglib/ule.tld" prefix="ule" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>品牌维护</title>
<c:set var="basePath" value="${pageContext.request.scheme}${'://'}${pageContext.request.serverName}${':'}${pageContext.request.serverPort}${pageContext.request.contextPath}"></c:set>
<link href="${basePath}/css/item/main.css" rel="stylesheet"　type="text/css">
<link rel="stylesheet" href="http://i0.ule.com/tomshopping/c/sys/csslib/110119/APE-admin.css" />
<link rel="stylesheet" href="http://i0.ule.com/tomshopping/c/sys/130111/template-admin.css" />
<script type="text/javascript" src="http://i0.ulechina.com/j/lib/jquery.js"></script>
<script type="text/javascript" src="http://i0.ule.com/j/jend/jend.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$("div[name=deleteBrand]").bind("click", function () {
var _this = $(this);
var brandId = _this.attr("id");
JEND.page.confirm('确定要删除该品牌吗，误删除操作可以在品牌回收站撤销?',
function(){
$.ajax({
url: '${basePath }/brand/api/deleteBrand.action',
type: 'post',
data: {brandId: brandId},
dataType: 'json',
success: function (data) {
if(data.num==1){
JEND.page.confirm(data.message ,
function(){
window.location.href = "${basePath }/brand/queryBrandAll.action";
});
}else if(data.num==2){
JEND.util.dialog.alert(data.message);
}
},
error: function () {
JEND.util.dialog.alert("删除品牌失败");
}
});

});
});

$("div[name=updateBrand]").bind("click", function () {
var _this = $(this);
var brandId = _this.attr("id");
var form = document.getElementById('brandOperatorForm');
$("#brandOperatorForm").attr("action","${basePath }/brand/updateBrand.action");
document.brandOperatorForm.brandId.value = brandId;
form.submit();
});

$("div[name=mergeBrand]").bind("click", function () {
var brandId=$(this).attr("id");
var brandName=$(this).attr("fname");
$("#currentBrandId").html(brandId);
$("#currentBrandName").html(brandName);
JEND.page.dialog.show({
title: '品牌合并',
id: 'merBrandDiv',
width: 600,
height:600,
top:200,
bottom: {
callback: function () {
var oldBrandId = $("#oldBrandId").val();
$.ajax({
url: '${basePath}/brand/api/merBrand.action',
type: 'post',
data: {brandId: brandId, oldBrandId: oldBrandId},
dataType: 'json',
success: function (data) {
if(data.num== 1){
JEND.page.confirm(data.message,
function(){
window.location.reload();
});
}else if(data.num== 2){
JEND.util.dialog.alert(data.message);
}
}
});
}
}
});

});

$("div[name=brandDisc]").bind("click", function () {
var _this = $(this);
var brandId=_this.attr("id");
window.location.href = "${basePath }/brand/updateBrandDesc.action?brandId="+brandId;

});

//查询
function query(){
brandOperatorForm.submit();
}

//待审核品牌
function brandCheck(){
window.location.href = "${basePath }/brand/brandCheck.action";
}

//品牌回收站
function brandRecycled(){
window.location.href = "${basePath }/brand/brandRecycled.action";
}
</script>
</head>
<body>
<div class="mainInner">
<ul class="crumbs">
<li><a href="#" class="score-0">后台管理系统</a><span class="direct">></span></li>
<li><a href="${basePath }/brand/showBrandManage.action">品牌管理</a><span class="direct">></span></li>
<li>品牌管理</li>
</ul>
<ul class="tabs-nav clear" style="margin-bottom: 10px;">
<li class="tabs-nav-title btn Bwhite Borange">品牌管理</li>
<li class="tabs-nav-title btn Bwhite" onclick="brandCheck();">待审核品牌</li>
<li class="tabs-nav-title btn Bwhite" onclick="brandRecycled();">品牌回收站</li>
</ul>

<form id="brandOperatorForm" name="brandOperatorForm" method="post"
action="${basePath }/brand/queryBrandAll.action">
<table class="tab mb10" width="100%" border="0" cellpadding="0"
cellspacing="1">
<tbody>
<tr>
<td colspan="6" style="text-align: left;">
<h3 class="Hs mb20 hsred">
<span>查找</span>
</h3>
</td>
</tr>
<tr>
<td scope="row">
品牌ID：<input name="brandId" id="brandId" type="text" onblur="checkBrandId();" value="${brandId }"
onkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')"/>
品牌名：<input name="brandName" id="brandName" type="text" value="${brandName}"/>
品牌英文名:<input name="brandNameEn" id = "brandNameEn" type="text" value="${brandNameEn }"
onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"/>
<input type="button" value="查询" class="btn Borange fw7" onclick="query();"/>
<input type="button" value="添加" class="btn Borange fw7" onclick="window.location='${basePath }/brand/addBrand.action'"/>
</td>
</tr>
</tbody>
</table>
</form>

<tbody>
<tr>
<td colspan="9" style="text-align: left;">
<h3 class="Hs mb20 hsred">
<span>查询结果</span>
</h3>
</td>
</tr>
<tr>
<th align="center">品牌ID</th>
<th align="center">品牌名</th>
<th align="center">品牌英文名</th>
<th align="center">品牌拼音</th>
<th align="center">排序</th>
<th align="center">是否显示</th>
<th align="center">状态</th>
<th align="center" colspan="3">操作</th>
</tr>
<c:if test="${ empty brandList}">
<tr align="center">
<td height="24" align="center" colspan="9">找不到符合条件的品牌，请重新设置查询条件</td>
</tr>
</c:if>
<c:if test="${! empty brandList}">
<c:forEach var="brand" items="${brandList}">
<tr bgcolor="#FFFFFF" height="24">
<td align="center">${brand.brandId}</td>
<td align="center">${brand.brandName}
<td align="center">${brand.brandNameEn}</td>
<td align="center">${brand.brandNamePinyin}</td>
<td align="center">${brand.displaySeq}</td>
<td align="center">${brand.displayFlag==1?'是':'否'}</td>
<td align="center">${brand.certificateFlag==0?'待审核':brand.certificateFlag==1?"审核通过":"审核拒绝"}</td>
<td align="center"width="130px" >
<span>
<span>
<div id="${brand.brandId}" name="deleteBrand" style="float:middle;display:inline"><a href="#"> 删除  </a></div>
</span>
<c:if test="${brand.certificateFlag!=2}">
<span>
<div id="${brand.brandId}" name="updateBrand" style="display:inline"><a href="#">修改  </a></div>
</span>
<span>
<div id="${brand.brandId}" name="mergeBrand" fname=${brand.brandName} style=" display:inline"><a href="#">合并 </a></div>
</span>
</c:if>
<div id="${brand.brandId}" name="brandDisc" fname=${brand.brandName} style=" display:inline"><a href="#">详情 </a></div>
</span>
</td>
</tr>
</c:forEach>
</c:if>
</tbody>
</table>

<c:if test="${not empty brandList}">
<ule:paginationTag url="${basePath }/brand/queryBrandAll.action?" pageIndex="${pageIndex}" totalPage="${totalPages}" pageSize="${pageSize }"/>
</c:if>

<div id="merBrandDiv" style="display: none">
<div style="margin: 5px; padding: 5px;">
<table width="100%" border="1" height="160px" border="0">
<tr height="35px">
<td width="30%"
style="text-align: left; padding-left: 10px; font-size: 13px; color: #000000;">当前品牌ID：</td>
<td style="padding-left: 10px; font-size: 13px; color: #000000;"
id="currentBrandId"></td>
</tr>
<tr height="35px">
<td class="mer"
style="text-align: left; padding-left: 10px; font-size: 13px; color: #000000;">品牌名称：</td>
<td style="padding-left: 10px; font-size: 13px; color: #000000;"
id="currentBrandName"></td>
</tr>
<tr height="35px">
<td
style="text-align: left; padding-left: 10px; font-size: 13px; color: #000000;">需要合并品牌ID：</td>
<td><input type="text" height="30px" id="oldBrandId" onkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')"
style="margin-left: 10px; width: 150px; height: 25px;" /></td>
</tr>
<tr rowspan="2">
<td class="mer" colspan="2">
<p>
<span style="color: #000000; height:"30px"> <span
style="font-family: 'Arial Negreta', 'Arial'; font-weight: 700; color: #FF0000;">*</span>
合并品牌下的商品将迁移到当前品牌下，合并品牌将被删除，合并后将无法回退，请谨慎操作
</span>
</p>
</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>

最近写的页面，含有大量的ajax的更多相关文章

学习笔记_springmvc返回值、数据写到页面、表单提交、ajax、重定向
数据写到页面后台往前台传数据 TestController添加 /** * 方法的返回值采用ModelAndView, new ModelAndView("index", map ...
springmvc返回值、数据写到页面、表单提交、ajax、重定向
实验是在前一篇文章的项目上做的: 数据写到页面后台往前台传数据 TestController添加 /** * 方法的返回值采用ModelAndView, new ModelAndView(" ...
分分钟教会你使用HTML写Web页面
在学习怎样使用HTML编写网页之前,我们必须先搞清楚什么是HTML?当然了不是系统的给大家介绍HTML的前世今生,假设对其身世感兴趣的小伙伴能够去问度娘,她会给你想要的答案. 所谓HTML,就是我们常 ...
使用php后台给自己做一个页面路由，配合ajax实现局部刷新。
今天就要放假了,把近来囤积的小玩意儿总结整理一下. 在请求一个html页面来嵌入到当前页会有一个问题,就是跟随请求过来的html他的样式表和脚本会失效.是因为文档加载的先后顺序等问题造成的.因此,加载 ...
ThinkPHP页面跳转、Ajax技巧详细介绍（十八）
原文:ThinkPHP页面跳转.Ajax技巧详细介绍(十八) ThinkPHP页面跳转.Ajax技巧详细介绍一.页面跳转 $this->success('查询成功',U('User/test' ...
通过用jQuery写一个页面，我学到了什么
概述前几天面试,hr发来一个测试文件,让我做做看.我一看,其实就是根据PSD需求写一个页面,再加上一些互动效果即可. 刚好我之前学了切图,jquery等知识还没练手过,于是高兴的答应了. 最后花了3 ...
让页面无刷新的AJAX、ASP.NET核心知识（9）
AJAX简介 1.如果没有AJAX 普通的ASP.Net每次执行服务端方法的时候都要刷新当前页面,如果没有ajax,在youku看视频的过程中,就没法提交评论,页面会刷新,视频会被打断. 2.说说AJ ...
当页面是本地页面时，通过ajax访问tomcat里的action,传递的参数在action里并不能识别
当页面是本地页面时,通过ajax访问tomcat里的action,传递的参数在action里并不能识别,这个问题困扰了我不少时间. 在测试时发现此问题
ajax写登录页面
静态配置 STATICFILES_DIRS = ( os.path.join(BASE_DIR,'my_blog','static'), ) AUTH_USER_MODEL = "app01 ...

随机推荐

Linux下配置QT环境
一.下载Qt源码包到本机,然后解压缩 #tar zxvf qt-x11-opensource-src-4.3.2.tar.gz -C /usr/local //将qt-x11-opensource-s ...
Android 使用Post方式提交数据（登录）
在Android中,提供了标准Java接口HttpURLConnection和Apache接口HttpClient,为客户端HTTP编程提供了丰富的支持. 在HTTP通信中使用最多的就是GET和POS ...
Stooge排序
又叫臭皮匠排序... 在<算法导论>作为反例出现的漂亮但极其低效的排序算法. 基本思路是:只要数组长度大于3,先将头与尾排序,然后递归调用排序前三分之二,再递归调用排序后三分之二,最后再递 ...
linux0.12 学习总序（不断更新状态中）
最近有空闲时间,想静下心来学点东西.一直对kernel有兴趣,又苦于无从下手,就拿linux0.12练手.尝试了解并熟悉kernel各模块工作原理. 接下来的博客主要用来记录自己所遇到的问题和解决的方 ...
appium 使用findElementByAndroidUIAutomator 定位元素示例
appium 使用findElementByAndroidUIAutomator 定位元素示例 import io.appium.java_client.remote.MobileCapability ...
自定义input file样式
自定义input file样式:一般都是通过隐藏input,通过定义label来实现.这种做法要注意的是label的for属性要指定input对应的id; <!DOCTYPE html> ...
共享IP云主机（VPS）玩转wdcp
目前国内有不少性能还不错的共享IP VPS,但因为没有独立IP,所以环境配置起来会比较麻烦. 因为本人自己现在用的就是共享IP的vps,所以把一些配置方法分享一下,供大家参考. 首先是系统的选择,根据 ...
用java实现Simsimi小黄鸡接口
package com.iask.webchat.chatmachine; import java.io.BufferedReader; import java.io.InputStream; imp ...
SURF特征
了解了SIFT特征后,来学习SURF特征. 虽说是SIFT的一个变种,可是跟SIFT还是有差别的差别有例如以下: 1.尺度空间的构建(近似)不同. 2.同意尺度空间多层图像同一时候被处理 3.特征点 ...
Vim的设置和使用——编程者
一.第一个插件:Ctags 当我们看到一个陌生的变量或者函数,我们总想知道它的含义,因此,快速找到它的定义很重要.Ctags插件中的"Ctrl+]"快捷键就可以做到. 二.教你高效 ...

最近写的页面，含有大量的ajax

最近写的页面，含有大量的ajax的更多相关文章

随机推荐

热门专题