baozhangfang/WebRoot/WEB-INF/jsp/news/newsList.jsp

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<jsp:include page="../../common/include.jsp" />

<% String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>
<script type="text/javascript">

var editor = null;
var editor_up = null;
KindEditor.ready(function(K) {
	editor = K.create('#editor_content');
	editor_up = K.create('#editor_content2');
});	

var typeobj = null;

var type_array = null;

$(function() {
	/**加载数据字典**/
	$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"NewsType" ,"aa10.name":"栏目类型" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		var data = msg.obj.rows;
		    		typeobj = data;
		    		var select_arr = [];
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					type_array = select_arr.join("");
					$("#newsType").append(type_array);
		    	}
		    }
		});
		
		$.ajax({
			type: "post",
		    dataType: "json",
		    url: "columnSetAction_listColumn?tname=news",
		    complete :function(){$("#load").hide();},
		    success: function(msg){
		    	if(msg.success){
		    		setId();
		    		var data = msg.obj;
		    		for(var i = 0;i<data.length;i++){
		    			if("1"==data[i].type){
		    				if(typeof(data[i].formatter)!="undefined"){
		    					data[i].formatter=eval(data[i].formatter);
		    				}
		    				user_columns.push(data[i]);
		    			}else{
		    				user_frozenColumns.push(data[i]);
		    			}
		    		}
		    		columns.push(user_columns);
		    		frozenColumns.push(user_frozenColumns);
		    		
		    		$('#newsDataGrid').datagrid({
		    			rownumbers:true,
						fit:true,
						pageSize:20,
						pageList : [ 10, 20, 30, 40, 50 ],
						fitColumns:false,
						border:false,
						sortOrder:'desc',
						pagination:true,
						idField:'id',
						url:whzl.basePath + '/newsAction_List',
						toolbar:'#searchtool',
						checkOnSelect:true,
						selectOnCheck:true,
						singleSelect:true,
						nowrap:true,
						showFooter: true,
		    			columns:columns,
		    			frozenColumns:frozenColumns,
		    			loadFilter:function(result){
		    				if(result.success){
		    					return result.obj;
		    				}else{
		    					$.messager.alert("提示",result.message);
		    					return ;
		    				}							
		    			}
		    		});
		    		toolBar("newsDataGrid","setNewsDialog","news");
		    	}
		    }
		});
	
	/**新闻信息列表**/
	/*$('#newsDataGrid').datagrid({
		rownumbers:true,
		fit:true,
		pageSize:10,
		pageList : [ 10, 20, 30, 40, 50 ],
		fitColumns:false,
		border:false,
		sortOrder:'desc',
		pagination:true,
		idField:'id',
		toolbar:'#searchtool',
		checkOnSelect:true,
		selectOnCheck:true,
		nowrap:true,
		singleSelect: true,
		loadFilter:function(result){
				if(result.success){
					return result.obj;
				}else{
					alert(result.message);
					return ;
				}							
			}
		}
	);*/
	
	
});

/**查询**/
function searchFun(){
	var params = encodeURI("news.title="+trim($("#tblQuery").find("input[id='title']").val())+
			 "&news.newsType="+trim($("#tblQuery").find("select[id='newsType']").val())+
			 "&news.isImaged="+trim($("#tblQuery").find("select[id='isImaged']").val())
			 
    );
	$('#newsDataGrid').datagrid({
		columns:columns,
		frozenColumns:frozenColumns,
		url:whzl.basePath + '/newsAction_List?'+params,pageNumber:1
	});
	toolBar("newsDataGrid","setNewsDialog","news");
}

/*清除查询条件**/
function ClearQuery() {
    $("#tblQuery").find("input").val("");
    $("#tblQuery").find("select").val("-1");
}

/**格式化时间*/
var dateFormatter = function(value,row,index){
	return dealDate(value);
};

/**栏目类型**/
var typeFormatter = function(value , row , index){
	return getValue(typeobj, value);
};

/**新闻类型**/
var imageFormatter =  function(value , row , index){
	if(value == 1){
		return "图片新闻";
	}else{
		return "普通新闻";
	}
};

/**APP是否显示**/
var visFormatter =  function(value , row , index){
	if(value == 1){
		return "否";
	}else{
		return "是";
	}
};


/**增加功能**/
function newsAdd(){
	$('#addNewsDialog').dialog(
		{
			buttons : [
				{
					text : '生成', 
					iconCls : 'icon-ok', 
					handler : function(){
						if($("#newsType_add").val() != ""){
							$('#addNewsForm').form('submit',
								{
									url : whzl.basePath+'/newsAction_add',
									onSubmit:function(){   
										var flag = $('#addNewsForm').form('validate');
										if(flag){
											parent.$.messager.progress({
												title : '提示',
												text : '请稍候....'
											});
										}
								        return flag;   
									},
									success : function(result){
										var parseResult = $.parseJSON(result);
										if(parseResult.success){
											parent.$.messager.progress('close');
											$("#addNewsDialog").dialog("close");
											searchFun();
										}else{
											parent.$.messager.progress('close');
											$.messager.alert("提示",parseResult.message);
										}
									}
								}
							);
						}else{
							$.messager.alert("提示","请选择栏目类型！");
						}	
					}
				},
				{
					text : '取消', 
					iconCls : 'icon-cancel', 
					handler : function(){ 
						$("#addNewsDialog").dialog("close");
					}
				}
			],
			onLoad : function(){
				//加载类型
				for(var nItem = 0; nItem < typeobj.length; nItem++ ){
					$("#newsType_add").append("<option value="+typeobj[nItem].code+">"+typeobj[nItem].value+"</option>");
				}
				var myDate = new Date();
				var dd = myDate.getFullYear()+"-"+(myDate.getMonth()+1)+"-"+myDate.getDate();
				$("#businessTime_add").datebox("setValue", dd);
			}
			
		}
	);
}

/**删除**/
var delFormatter = function(value , row , index){
	return "<img src='<%=basePath%>/images/edit_remove.png' title='删除' onclick=deleteRow(" + row.id + ") style='cursor:pointer' />";
};

/**删除功能**/
function deleteRow(){
	var row = $('#newsDataGrid').datagrid('getSelected');
		if(row == null){
			$.messager.alert("提示","请先选择要删除的新闻信息！");
		}
	var id = row.id;
	$.messager.confirm('删除提示', '确定删除这条记录吗？', function(r){
		if (r){
			$.ajax({
	            type: "post",//使用get方法访问后台
	            dataType: "json",//返回json格式的数据
	            url: "newsAction_delete",//要访问的后台地址
	            data: "news.id="+id,//要发送的数据
	            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
	            success: function(msg){//msg为返回的数据，在这里做数据绑定
	            	if(msg.success){
	            		$.messager.alert('提示','删除成功！');
	            		$('#newsDataGrid').datagrid('reload');
	            	}else{
	            		$.messager.alert('提示',msg.message);
	            	}
	            }
		 	});
		}
	});
}


/**标题连接*/
var titleFormatter = function(value , row , index)
{
	return "<a href='javascript:' title='查看详情' onclick=newsDetails(" + row.id + ") >" + row.title + "</a>";
};

/**详细页面对话框*/
var newsDetails = function(id){
	$("#detailNewsDialog").dialog(
		{
			maximizable: true,
			buttons : [
				{
					text : '确定', 
					iconCls : 'icon-ok', 
					handler : function(){ 
						$("#detailNewsDialog").dialog("close");
					}
				}
			],
			onLoad : function(){
				 $.ajax({
			            type: "post",//使用get方法访问后台
			            dataType: "json",//返回json格式的数据
			            url: "newsAction_findById",//要访问的后台地址
			            data: {"news.id":id},//要发送的数据
			            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
			            success: function(msg){//msg为返回的数据，在这里做数据绑定
			            	$("#title_detail").text(msg.obj.title);
				            setValue(typeobj,msg.obj.newsType,"type_detail");
				            $("#user_detail").text(msg.obj.operator);
				            $("#time_detail").text(dealDate(msg.obj.businessTime));
				            $("#content_detail").html(msg.obj.content);
			            }
				 });
			}
		}
	);
};



/**编辑**/
var updateFormatter = function(value , row , index){
	return "<img src='<%=basePath%>/images/pencil.png' title='编辑' onclick=updateRow(" + row.id + ") style='cursor:pointer' />";
};

/**编辑功能**/
function updateRow(){
	//var updateIndex = $('#newsDataGrid').datagrid('getRowIndex',id);
	var row = $('#newsDataGrid').datagrid('getSelected');
		if(row == null){
			$.messager.alert("提示","请先选择要修改的新闻信息！");
		}
	var id = row.id;
	$('#updateNewsDialog').dialog(
		{
			maximizable: true,
			buttons : [
				{
					text : '提交', 
					iconCls : 'icon-ok', 
					handler : function(){
						$('#updateNewsForm').form('submit',
							{
								url : whzl.basePath+'/newsAction_update',
								onSubmit:function(){   
									var flag = $('#updateNewsForm').form('validate');
									if(flag){
										parent.$.messager.progress({
											title : '提示',
											text : '请稍候....'
										});
									}
							        return flag;   
								},
								success : function(result){
									parent.$.messager.progress('close');
									var parseResult = $.parseJSON(result);
									if(parseResult.success){
										$('#newsDataGrid').datagrid('reload');
										$.messager.alert("提示","更新成功");
										$("#updateNewsDialog").dialog("close");
									}else{
										$.messager.alert("提示",parseResult.message);	
									}
								}
							}
						);
					}
				},
				{
					text : '取消', 
					iconCls : 'icon-cancel', 
					handler : function(){ 
						$("#updateNewsDialog").dialog("close");
					}
				}
			],
			onLoad : function(){
				$.ajax({
		            type: "post",//使用get方法访问后台
		            dataType: "json",//返回json格式的数据
		            url: "newsAction_findById",//要访问的后台地址
		            data: "news.id="+id,//要发送的数据
		            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		            success: function(msg){//msg为返回的数据，在这里做数据绑定
		            	if(msg.success){
		            		$("#id_update").val(msg.obj.id);
							$("#businessTime_update").datebox("setValue",
									dealDate(msg.obj.businessTime));
							dealSelect(typeobj,msg.obj.newsType,"newsType_update");
							$("#appVisible_update").val(msg.obj.appVisible);
							editor_up.html(msg.obj.content);
							var json = {
								'news.title' : msg.obj.title,
								'news.operator' : msg.obj.operator,
								'news.num' : msg.obj.num,
								'news.imagePath' : msg.obj.imagePath,
								'news.remark' : msg.obj.remark,
								'news.orderID' : msg.obj.orderID,
								'news.isImaged' : msg.obj.isImaged,
								'news.createdOn' : msg.obj.createdOn,
								'news.createdBy' : msg.obj.createdBy
								
							};
							$('#updateNewsForm').form('load', json);
		            	}else{
		            		$.messager.alert("提示", msg.message);
		            		$("#updateNewsDialog").dialog("close");
		            	}	
					}
				});
			}
		});
	}
	
	

	function valueReplace(v) {
		v = v.toString().replace(new RegExp('(["\"])', 'g'), "\\\"");
		return v;
	}
	
	

	/**操作**/
	var topFormatter = function(value , row , index){
		if(value == '0'){
			return "<img src='<%=basePath%>/images/top.gif' title='固顶' onclick=setOnTop(" + row.id + ") style='cursor:pointer' />";
		}else{
			return "<img src='<%=basePath%>/images/untop.gif' title='解固' onclick=setUnTop(" + row.id + ") style='cursor:pointer' />";
		}	
	};
	
	function setOnTop(id){
		$.messager.confirm('提示', '确定固顶这条记录吗？', function(r){
			if (r){
				$.ajax({
		            type: "post",//使用get方法访问后台
		            dataType: "json",//返回json格式的数据
		            url: "newsAction_setTop",//要访问的后台地址
		            data: "news.id="+id+"&option=onTop",//要发送的数据
		            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		            success: function(msg){//msg为返回的数据，在这里做数据绑定
		            	if(msg.success){
		            		$.messager.alert('提示','固顶成功！');
		            		$('#newsDataGrid').datagrid('reload');
		            	}else{
		            		$.messager.alert('提示',msg.message);
		            	}
		            }
			 	});
			}
		});
	}
	
	function setUnTop(id){
		$.messager.confirm('提示', '确定解固这条记录吗？', function(r){
			if (r){
				$.ajax({
		            type: "post",//使用get方法访问后台
		            dataType: "json",//返回json格式的数据
		            url: "newsAction_setTop",//要访问的后台地址
		            data: "news.id="+id+"&option=unTop",//要发送的数据
		            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		            success: function(msg){//msg为返回的数据，在这里做数据绑定
		            	if(msg.success){
		            		$.messager.alert('提示','解固成功！');
		            		$('#newsDataGrid').datagrid('reload');
		            	}else{
		            		$.messager.alert('提示',msg.message);
		            	}
		            }
			 	});
			}
		});
	}
</script>

<div class="easyui-layout" data-options="fit:true,border:false" style="margin: 0px;padding: 0px;">
	<div data-options="region:'center',border:false">
		<div id="searchtool" data-options="region:'north' , border:false">
			<table id="tblQuery" style="width:100%;">
					<tr>
						<td align="right" style="width: 10%"><span>标题</span></td>
						<td style="width: 10%">
							<input id="title" type="text"/>
						</td>
						<td align="right" style="width: 8%"><span>栏目类型</span></td>
						<td style="width: 10%">
							<select id="newsType" style="width:155px">
								<option value="">全部</option>
							</select>
						</td>
						<td align="right" style="width: 8%"><span>新闻类型</span></td>
						<td style="width: 18%">
							<select id="isImaged" style="width:172px">
								<option value="">全部</option>
								<option value="1">图片新闻</option>
								<option value="2">普通新闻</option>
							</select>
						</td>
						<td style="width: 32%">
							<a href="javascript:searchFun();" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">查询</a>
							<a href="javascript:ClearQuery();" class="easyui-linkbutton" data-options="iconCls:'icon-emptied',plain:true">清空</a>
							<a href="javascript:newsAdd();" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">增加</a>
							<a href="javascript:updateRow();" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改</a>
							<a href="javascript:deleteRow();" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除</a>
							
						</td>
					</tr>
			</table>
		</div>
	
		<table id="newsDataGrid">
			<!--<thead frozen="true">
        		<tr>
        			<th data-options="field:'id',checkbox:true,width:50">ID</th>
        		</tr>
        	</thead>
        	<thead>  
        		<tr>
        			<th data-options="field:'title',sortable:false,width:250,formatter:titleFormatter">标题</th>
        			<th data-options="field:'isImaged',sortable:false,width:100,formatter:imageFormatter">新闻类型</th>
        			<th data-options="field:'newsType',sortable:false,width:100,formatter:typeFormatter">栏目类型</th>
        			<th data-options="field:'operator',sortable:false,width:80">发布人</th>
            		<th data-options="field:'businessTime',sortable:false,width:140,formatter:dateFormatter">发布时间</th>
            		<th data-options="field:'createdBy',width:80">创建人</th>
            		<th data-options="field:'createdOn',width:140">创建时间</th>
            		<th data-options="field:'update',align:'center',formatter:updateFormatter,width:50">编辑</th>
            		<th data-options="field:'orderID',align:'center',formatter:topFormatter,width:50">置顶</th>
            		<th data-options="field:'del',align:'center',formatter:delFormatter,width:50">删除</th>
        		</tr>  
    		</thead>-->
		</table>
	</div>
</div>


<div id="addNewsDialog" data-options="title:'&nbsp;新增新闻信息',iconCls:'icon-edit',width:800,height:500,modal:true,href:'<%=basePath %>/newsAction_toAdd'">
</div>

<div id="detailNewsDialog" data-options="title:'&nbsp;新闻详细信息',iconCls:'icon-details',width:800,height:500,modal:true,href:'<%=basePath %>/newsAction_toDetail'">
</div>

<div id="updateNewsDialog" data-options="title:'&nbsp;更新新闻信息',iconCls:'icon-edit',width:800,height:500,modal:true,href:'<%=basePath %>/newsAction_toUpdate'">
</div>
<div id="setNewsDialog" data-options="title:'&nbsp;个性化设置',iconCls:'icon-cog',width:500,height:370,modal:true,href:'<%=basePath %>/columnSetAction_toSet?tname=news'">
</div>
<script type="text/javascript">
<!--
$(function(){
	parent.$.messager.progress('close');
});
//-->
</script>