<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="<%=request.getContextPath()%>/jquery-easyui-1.5/themes/default/easyui.css">
<link rel="stylesheet" href="<%=request.getContextPath()%>/jquery-easyui-1.5/themes/icon.css">
<script type="text/javascript" src="<%=request.getContextPath()%>/jquery-easyui-1.5/jquery.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/jquery-easyui-1.5/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
<div id="tiaocha">
标题:<input class="easyui-textbox" id="biaoti">
作者:<input class="easyui-textbox" id="zuozhe">
<a href="javascript:searchUser()" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">搜索</a>
<a href="javascript:openAdd()" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">新增</a>
<a href="javascript:pishan()" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">批删</a>
</div>
<!-- 定义新增的对话框div -->
<div id="userDialog" class="easyui-dialog" data-options="closed:true,width:500,height:350,buttons:'#bt'">
<form id="addForm" method="post">
<table>
<tr>
<td>标题</td>
<td>
<!-- 隐藏的id type="hidden" :不会把id清除 style="display:none" :会把id清除-->
<input style="display:none" name="id">
<input class="easyui-textbox" name="biaoti">
</td>
</tr>
<tr>
<td>上架</td>
<td>
<input type="radio" name="shangjia" value="1">上架
<input type="radio" name="shangjia" value="0">下架
</td>
</tr>
<tr>
<td>作者</td>
<td>
<input class="easyui-textbox" name="zuozhe">
</td>
</tr>
<tr>
<td>封面</td>
<td>
<input class="easyui-textbox" name="img">
</td>
</tr>
<tr>
<td>发布时间</td>
<td>
<input class="easyui-datebox" name="fashijian">
</td>
</tr>
<tr>
<td>下载权限</td>
<td>
<input type="radio" name="xiazaiquanxian" value="1">vip会员
<input type="radio" name="xiazaiquanxian" value="2">付费
<input type="radio" name="xiazaiquanxian" value="3">免费
<input type="radio" name="xiazaiquanxian" value="4">svip会员
</td>
</tr>
<tr>
<td>内容</td>
<td>
<textarea name="content"></textarea>
</td>
</tr>
</table>
</form>
</div>
<div id="bt">
<a href="javascript:saveUser()" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">确认</a>
<a href="javascript:closeAdd()" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'">取消</a>
</div>
<!-- 数据 -->
<table id="shuju"></table>
</body>
<script type="text/javascript">
function pishan(){
var arr = $("#shuju").datagrid("getChecked");
var ids = "";
for(var i=0;i<arr.length;i++){
var id = arr[i].id;
ids+= ids=="" ? id: ","+id;
}
if(ids==""){
$.messager.alert("提示","请至少选中一条数据!","warning");
return;
}
$.messager.confirm("提示","是否确认删除?",function(r){
if(r){
$.ajax({
url:"<%=request.getContextPath() %>/pos/deleteUser.do",
type:"post",
data:{id:ids},
success:function(){
$.messager.alert("提示","删除成功!","info");
initTable();
}
})
}
})
}
function saveUser(){
$("#addForm").form("submit",{
url:"<%=request.getContextPath() %>/pos/addUser.do",
success:function(){
closeAdd();
searchUser();
}
})
}
function openAdd(){
$("#addForm").form("reset");
$("#userDialog").dialog({
closed:false,
title:"新增用户"
})
}
function closeAdd(){
$("#userDialog").dialog("close");
}
function searchUser(){
$("#shuju").datagrid("load",{
biaoti:$("#biaoti").textbox("getValue"),
zuozhe:$("#zuozhe").textbox("getValue")
});
}
$(function(){
initTable();
})
function initTable(){
$("#shuju").datagrid({
url:'<%=request.getContextPath() %>/pos/poscha.do',
columns:[[{field:"checkbox",checkbox:true},
{title:'id',field:'id'},
{title:'标题',field:'biaoti'},
{title:'上架',field:'shangjia',formatter:function(value,row,index){
return value==null?"" :value==1?"上架":"下架";
}},
{title:'作者',field:'zuozhe'},
{title:'封面',field:'img',formatter:function(value,row,index){
return "< img width='50px' height='50px' src='"+value+"'>";
}},
{title:'发布时间',field:'fashijian'},
{title:'下载权限',field:'xiazaiquanxian',formatter:function(value,row,index){
if (value==1) {
return "vip会员";
}
if (value==2) {
return "付费";
}
if (value==3) {
return "免费";
}
if (value==4) {
return "svip会员";
}
}},
{title:"操作",field:"tools",formatter:function(value,row,index){
return "<a href='javascript:delUser("+row.id+")'><input type='button' value='删除'></a>"+
"<a href='javascript:openUpdate("+row.id+")'><input type='button' value='修改'></a>"; ;
}},
{title:'内容',field:'content'},
]],
pagination:true,
pageList:[2,4,6,8],
pageSize:2,
pageNumber:1,
fit:true,
toolbar:"#tiaocha"
})
}
delUser =function(id){
$.messager.confirm("提示","是否确认删除id为"+id,function(r){
if(r){
$.ajax({
url:"<%=request.getContextPath() %>/pos/deleteUser.do",
type:"post",
data:{id:id},
success:function(){
$.messager.alert("提示","删除成功!","info");
initTable();
}
})
}
})
}
function openUpdate(id){
$.ajax({
url:"<%=request.getContextPath() %>/pos/queryUserById.do",
type:"post",
data:{id:id},
success:function(data){
$("#addForm").form("load",data);
$("#userDialog").dialog({
closed:false,
title:"修改用户"
})
}
})
}
</script>
</html>