loadingManageEdit.jsp

$(function(){

    //组织
var lodingDeparts =[<c:forEach items="${lodingDeparts}" var="dept"> {
deptId:"${dept.deptId}",
deptName:"${dept.deptName}"},</c:forEach>];
var applist=new Array();//应用集合
var ruleTotalId = "";
var ruleTotalContent = "";
$.each(lodingDeparts,function(i,item){
if (i == 0){
ruleTotalContent ="<span style='word-break:hyphenate;' id='"+item.deptId+"' >" +item.deptName+"&nbsp;&nbsp;<a href='javascript:;' onclick='removeData(\""+item.deptId+"\")'>删除</a> </span>";
//动态添加到下边显示
$("#dept").find('td').eq(1).append(ruleTotalContent);
}else{
ruleTotalId = item.deptId;
ruleTotalContent = "<span style='word-break:hyphenate;' id='"+item.deptId+"' >"+","+item.deptName+"&nbsp;&nbsp;<a href='javascript:;' onclick='removeData(\""+item.deptId+"\")'>删除</a>";
$("#dept").find('td').eq(1).append("&nbsp;&nbsp;"+ruleTotalContent+"</span>");
}
//将id和name组合加入集合
applist.push(item.deptId); });
//将已选择的数组缓存在页面中
$("#alertSelectNode").val(applist.join()); //岗位
var lodingPosts = [<c:forEach items="${lodingPosts}" var="post"> {
postId:"${post.postId}",
postName:"${post.postName}"},</c:forEach>];
var postList=new Array();//应用集合
var postTotalId = "";
var postTotalContent = "";
$.each(lodingPosts,function(i,item){
if (i == 0){
ruleTotalContent ="<span style='word-break:hyphenate;' id='"+item.postId+"' >" +item.postName+"&nbsp;&nbsp;<a href='javascript:;' onclick='removePost(\""+item.postId+"\")'>删除</a> </span>";
//动态添加到下边显示
$("#post").find('td').eq(1).append(ruleTotalContent);
}else{
postTotalId = item.postId;
postTotalContent = "<span style='word-break:hyphenate;' id='"+item.postId+"' >"+","+item.postName+"&nbsp;&nbsp;<a href='javascript:;' onclick='removePost(\""+item.postId+"\")'>删除</a>";
$("#post").find('td').eq(1).append("&nbsp;&nbsp;"+postTotalContent+"</span>");
}
//将id和name组合加入集合
postList.push(item.postId); });
//将已选择的数组缓存在页面中
$("#alertSelectPost").val(postList.join()); //图片
var LoadingAttachs = [<c:forEach items="${LoadingAttachs}" var="attach"> {
attachId:"${attach.attachId}",
picPath:"${attach.picPath}",
picSeq:"${attach.picSeq}"},
</c:forEach>]; $.each(LoadingAttachs,function(i,item){
if (i == 0){
$("#loadingAttachmentId").val(item.attachId);
}else{
var attachmentIds = $("#loadingAttachmentId").val();
$("#loadingAttachmentId").val(attachmentIds+","+item.attachId);
}
//动态添加一行表格
$('#picTable tbody').append(); });
}) function removeData(id){
var ids = $("#alertSelectNode").val().split(",");
for(var j = 0,len = ids.length; j < len; j++){
if(ids[j]==id){
ids.splice(j,1)
}
}
$("#alertSelectNode").val(ids.join());
calcuUserCount();
$("#"+id).remove();
}
function removePost(id){
var ids = $("#alertSelectPost").val().split(",");
for(var j = 0,len = ids.length; j < len; j++){
if(ids[j]==id){
ids.splice(j,1);
}
}
$("#alertSelectPost").val(ids.join());
calcuUserCount();
$("#"+id).remove();
}
function removePic(id){
var ids = $("#loadingAttachmentId").val().split(",");
var idValue=null;
for(var j = 0,len = ids.length; j < len; j++){
if(ids[j]==id){
idValue= $('input[name='+id+']').val();
ids.splice(j,1);
}
}
$("#loadingAttachmentId").val(ids.join());
$("#"+id).remove();
//调整排序
for(var j = 0,len = ids.length; j < len; j++){
var idValues= $('input[name='+ids[j]+']').val();
if(idValues>idValue){
$('input[name='+ids[j]+']').val(idValues-1);
}
}
if(ids==null || ids==""){//将表格头隐藏
$('#picTable').attr("style","display:none;");
}
}
function calcuUserCount(){
var obj = window.top.document.getElementById("win_right");
//得到当前所选择的所有组织
var allDept = obj.contentWindow.$("#alertSelectNode").val();
//得到当前所选择的所有岗位
var allPost = obj.contentWindow.$("#alertSelectPost").val();
//请求数据
var url =ctx + "/loadingManageAction.do?method=calcuUserCount"; $.ajax({
type:'post',//请求方法的类型为post
url:ctx + "/loadingManageAction.do?method=calcuUserCount",//请求地址
async:false,
data : {
allDept : allDept,
allPost : allPost
}, // 参数值
success:function(data){//成功时触发方法
if (data != null){
obj.contentWindow.$("#count").html(data);
}
}
});
}

loadingManageEdit.js

function doSubmitHandle(){
//判断名称不能为空
var name = $("#name").val().trim();
if(name.length==0){
jboxAlert("名称不能为空");
return false;
}
var regName = new RegExp("^[0-9]*$");//从头到尾都是数字
if(regName.test(name)){
jboxAlert("请输入非数字字符串");
return false;
}
//判断权重不能为空
var weight = $("#weight").val().trim();
if(weight.length==0){
jboxAlert("权重不能为空");
return false;
}
var regPos = /^(([^0][0-9]+|0)\.([0-9]{1,2}))$/; //非负浮点数
if(!regName.test(weight)||weight>999||weight<=0||regPos.test(weight)){
jboxAlert("请输入1-999的整数");
return false;
} //判断附件上传不能为空
var fileName = $("#loadingAttachmentId").val().trim();
if(fileName == "" ||fileName==null){
jboxAlert("请选择上传图片");
return false;
} //判断广告关闭方式
var weight = $("#weight").val().trim();
var chkRadio = $('input:radio[name="isCompel"]:checked').val();
if(chkRadio==null){
jboxAlert("请选择广告关闭方式");
return false;
} //判断播放时长
var showTime = $('input[name="showTime"]:checked').val();
if(showTime==null){
jboxAlert("请选择播放时长");
return false;
}
// 判断时间不能为空,并且开始时间要小于结束时间
if(($("#beginTime").val() == null || $("#beginTime").val() == "")
&& ($("#endTime").val() == null || $("#endTime").val() == "")){
jboxAlert("请选择起始日期和结束日期");
return false;
}
if(($("#beginTime").val() == null || $("#beginTime").val() == "")
&& !($("#endTime").val() == null || $("#endTime").val() == "")){
jboxAlert("请选择起始日期");
return false;
}
if(!($("#beginTime").val() == null || $("#beginTime").val() == "")
&& ($("#endTime").val() == null || $("#endTime").val() == "")){
jboxAlert("请选择结束日期");
return false;
} //显示规则
var weight = $("#showRule").val().trim();
var chkRadio = $('input:radio[name="showRule"]:checked').val();
if(chkRadio==null){
jboxAlert("请选择显示规则");
return false;
}
//显示范围
var alertSelectNode = $("#alertSelectNode").val().trim();
if(alertSelectNode==null ||alertSelectNode==""){
jboxAlert("请选择显示范围");
return false;
}
//将排序方式从页面获取并放置到页面
var picSeqs=new Array();//应用集合
var seqs = $("#loadingAttachmentId").val().split(",");
var picSeq = "";
for(i=0 ;i < seqs.length ; i++){
item = seqs[i]
picSeq = $('input[name='+item+']').val();
if(picSeq==null ||picSeq==""){
jboxAlert("图片排序不能为空");
return false;
}
picSeqs.push(picSeq);
}
// 判断集合排序元素是否重复
for (var i = 0; i < picSeqs.length; i++) {
if (parseInt(picSeqs[i],10) == parseInt(picSeqs[i + 1],10)) {
jboxAlert("图片排序不能重复");
return false;
}
}
$("#picSeqs").val(picSeqs.join());
var count = $("#count").html();
$("#countUv").val(count);
$("#loadingManageForm").submit();
}
// 文件上传成功,给item添加成功class, 用样式标记上传成功。
uploader.on( 'uploadSuccess', function( file ,data) {
if(data.success=="true"){
var attachmentIds = $("#loadingAttachmentId").val();
if(attachmentIds==null || attachmentIds==""){//之前没有上传图片
//如果是第一个添加进来的图片需要先将table显示出来
$('#picTable').attr("style","display:block;");
$("#loadingAttachmentId").val(data.file.id);
}else{
var attachmentIds = $("#loadingAttachmentId").val();
$("#loadingAttachmentId").val(attachmentIds+","+data.file.id);
}
var size = $("#loadingAttachmentId").val().split(",");
//动态添加一行表格
$('#picTable tbody').append("<tr id="+data.file.id+">"+
"<td><img style='width:60px;height:60px;margin-left: 50px;margin-top: 20px;'src="+data.file.uploadFilePath+">"+"</image></td>" +
"<td><input type='text' value='"+size.length+"' name="+data.file.id+" style='text-align:center;width:45px;border-style:ridge;' onkeyup="+"this.value=this.value.replace(/[^0-9]/g,'') /></td>"+
"<td><a href='javascript:;' onclick='removePic(\""+data.file.id+"\")'>删除</a></td>"+"</tr>");
}else{
jboxAlert(data.message);
}
});

loading js备份的更多相关文章

  1. Atitit. Toast alert loading js控件   atiToast v2新特性

    Atitit. Toast alert loading js控件   atiToast v2新特性 1. 连续多个txt追加的原理 var txt = document.createElement(& ...

  2. 自己寫的 Loading JS插件

    本文為原創文章,轉載請注明出處,謝謝./** * @author samkin.yang * @version 1.0 */var $_yxj = new SamkinLoading(); (func ...

  3. gulpfile.js备份

    var gulp = require('gulp'); var uglify = require('gulp-uglify'); // var rename = require('gulp-renam ...

  4. [js开源组件开发]loading加载效果

    loading加载效果 由于程序和网络的原因,常常我们需要在交互的时候,给用户一个正在加载中的动画,于是,loading组件横空出世.不需要复杂的代码,也能完成大多数业务,这就是我做组件的原则. 效果 ...

  5. ReactJS实践(一)—— FrozenUI React化之Loading组件

    在前面我们通过四篇文章入门了React的大部分主要API,现在则开始进入实践环节. 实践系列的开篇打算拿我司的FrozenUI来试验,将其部分UI组件进行React化,作为第一篇实践文章,将以较简单的 ...

  6. JS -- 异步加载进度条

    今天在博客园问答里面看到博友问道怎么实现Ajax异步加载产生进度条. 很好奇就自己写了一个. 展现效果: 1) 当点击Load的时候,模拟执行异步加载. 浏览器被遮挡. 进度条出现. 实现思路: 1. ...

  7. gulp 压缩js,css

    最近做的前端项目中发现引用的js包太多,导致页面加载时反应很慢,所以首先想到的是将js和css压缩,提高加载速度. 我们先来看看抓到的当前页面响应时间: 页面异步加载,需要响应时间 7.41秒,这也太 ...

  8. loading插件(原创)

    前言:服务器这几天都连不上,所以迟迟未更新,今天连上后才把插件文件和文档上传了.良心之作啊,难度虽不高,但命名多文件多啊.我得马上写篇博客絮叨一下,直接上地址. 文档及下载地址:www.chenggu ...

  9. loading

    <!doctype html> <html> <head> <title>实惠福利</title> <meta charset=&qu ...

随机推荐

  1. a标签 download base64 下载 网络失败

    使用html2canvas 生成尺寸较大 base64 后进行 a标签  download 下载 ,浏览器报网络失败错误 通过谷歌搜索 发现原因是 因为截取尺寸较大  导致生成base64 长度太大 ...

  2. 清北学堂4.28Day1(重大更新详见贪心例一)

    枚举 用题目中给定的检验条件判定哪些是无用的,哪些是有用 的.能使命题成立的即为其解 . 例一 一棵苹果树上有n个苹果,每个苹果长在高度为Ai的地方.小明的身高为x 他想知道他最多能摘到多少苹果 数据 ...

  3. kubernetes学习第一篇-k8s安装以及HelloWorld

    安装 1. 关闭防火墙服务 # systemctl disable firewalld # systemctl stop firewalld 2. 安装etcd以及kubernetes软件 yum i ...

  4. @WebFilter注解

    @WebFilter @WebFilter 用于将一个类声明为==过滤器==,该注解将会在部署时被容器处理,容器将根据具体的属性配置将相应的类部署为过滤器.该注解具有下表给出的一些常用属性 ( 以下所 ...

  5. 关于gcd的四道题

    T1:bzoj2705 题目描述: 给定一个n求\(\sum\limits_{i=1}^ngcd(i,n)\) 因为n太大,所以O(n)的做法肯定不行,然后就去想根号的方法. \[\sum\limit ...

  6. ansible迭代/迭代嵌套/同步异步/特殊topic说明

    tasks直接举例说明: ---- host: docker  remote_user: root  gather_facts: yes  serial: 3 #表示同一时间控制主机数量(值可以是数值 ...

  7. DirectX11 With Windows SDK--25 法线贴图

    前言 在很早之前的纹理映射中,纹理存放的元素是像素的颜色,通过纹理坐标映射到目标像素以获取其颜色.但是我们的法向量依然只是定义在顶点上,对于三角形面内一点的法向量,也只是通过比较简单的插值法计算出相应 ...

  8. kafka 日常使用和数据副本模型的理解

    kafka 日常使用和数据副本模型的理解 在使用Kafka过程中,有时经常需要查看一些消费者的情况.Kafka健康状况.临时查看.同步一些数据,又由于Kafka只是用来做流式存储,又没有像Mysql或 ...

  9. python3 练手实例8 批量命名图片

    #coding:utf-8 import os import tkinter as tk from tkinter import filedialog root = tk.Tk() root.with ...

  10. MySql 从SQL文件导入

    1. 运行cmd进入命令模式,进入Mysql安装目录下的bin目录(即mysql.exe所在的目录): cd c:\"program Files"\MySQL\"MySQ ...