jquery基本功能1

最新推荐文章于 2022-04-20 00:08:07 发布

冒个泡泡

最新推荐文章于 2022-04-20 00:08:07 发布

阅读量125

点赞数

分类专栏： jquery jsp 文章标签： jquery ViewUI

本文链接：https://blog.csdn.net/xuwu168168/article/details/84714369

版权

jquery 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

jsp

1 篇文章 0 订阅

订阅专栏

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="../files/global.css" />
<link rel="stylesheet" type="text/css" href="../files/datepicker.css" />
<style>
#note>ul>li>div { display:inline-block; width:100px; }
#note>ul>li>p { display:inline-block; width:312px; min-height:60px; padding-left:10px; line-height:16px; vertical-align:top; border-left:1px solid #e0e0e0; }
</style>
</head>

<body>
<%@ include file="../common/head.jsp"%>
<div id="body">
<div id="side">
<%@ include file="subnav.jsp"%>
<div id="control" class="box">
<h3 class="open"><span><em></em></span><strong>控制面板</strong></h3>
<ul>
<li>发布时间：<i id="uploadTime"><a>未设置</a><div></div><em></em></i></li>
<li>审核状态：<i id="isVerify"><a abbr="0">待审核</a><div><a abbr="1">已通过审核</a><a abbr="2">未通过审核</a></div><em></em></i></li>
<li>优先显示：<i id="identity"><a abbr="2">全部</a><div><a abbr="1">VIP用户</a><a abbr="0">普通用户</a></div><em></em></i></li>
<li>每页数量：<i id="pageSize"><a>6</a><div><a>8</a><a>10</a></div><em></em></i></li>
</ul>
</div>
</div>
<div id="main">
<div id="note" class="box selectable">
<h3><span><a>全选</a><span id="count">[0/0]</span><a>重置</a></span><strong>审核 » 随记审核</strong></h3>
<ul></ul>
<div class="button"><b class="big green">通过全部</b><b class="big yellow">通过选中</b><b class="big red">拒绝全部</b></div>
</div>
<div id="page"></div>
</div>
<div class="clear"></div>
</div>
<%@ include file="../common/foot.jsp"%>

<script type="text/javascript" src="../files/jquery.js"></script>
<script type="text/javascript" src="../files/global.js"></script>
<script type="text/javascript" src="../files/datepicker.js"></script>
<script type="text/javascript">
$(function(){

data = {
pageNo:1,
pageSize:6,
uploadTime:'',
isVerify:0,
identity:2
};

$('#uploadTime>div').datepicker({onSelect:function(date){
$(this).prev().text(date);
data.uploadTime = date;
getList();
}});

$('i:not(#uploadTime)>div').on('click', 'a', function(){
var $a = $(this);
var $i = $a.parent().parent();
$a.replaceWith($a.parent().prev()).prependTo($i);
data[$i.attr('id')] = $a.attr('abbr') || $a.text();
getList();
});

$('.button>b').click(setList);

$('#page').on('click', 'b', function(){
data.pageNo = $(this).text();
getList();
});

getList();
});

//加载随记
function getList(){
$.load('word!viewNote.action', data, function(obj){
var $ul = $('#note>ul').empty();
if(obj.totalRecords == 0){
$.msg.show('没有相关数据！');
$('#page').empty();
}else{
$.each(obj.list, function(i){
$('<li/>')
.append('<div>' + this.nickName + '<br />' + this.genderInfo + '/' + this.age + '<br />' + this.noteTime.substr(5,11) + '</div>')
.append('<p>' + this.noteMsg + '</p>')
.data('id',this.noteId).appendTo($ul);
});
$('#page').page(obj.pageNo, obj.totalPage);
}
$('#count').next().click();
});
}

//提交当前页审核结果
function setList(){
var data = $.selected($(this).index());
if(data){
$.load('w_word!updateNote.action', data, function(obj){
if(obj[0] == 0){
$.msg.show('提交处理成功！', getList);
}else{
$.msg.show('提交处理失败，请重试！');
}
});
}
}
</script>
</body>

</html>