<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/easyui/themes/gray/easyui.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/easyui/themes/icon.css" />
<script type="text/ecmascript" src="${ctx}/assets/lib/easyui/jquery.easyui.min.js"></script>
<script type="text/ecmascript" src="${ctx}/assets/lib/easyui/locale/easyui-lang-zh_CN.js"></script>
<style type="text/css">
.panel-header, .panel-body{border-color:#FCFCFC}
.layout-split-west{border-right:none}
</style>
<script type="text/javascript">
var $easy = $.noConflict(true);
$easy(function(){
	$easy('#pageright').panel({
	  onResize:function(width, height){
	    $("#jqGrid").setGridWidth(width-4); 
	  }
	});
})
</script>

<link rel="stylesheet" type="text/css" media="screen"  href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css"  >
<script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>

<link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css" />
<link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqgrid/css/ui.jqgrid.css" />
<script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script>
<script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/i18n/grid.locale-cn.js"></script>
<script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/js/base.js"></script>

<script type="text/javascript">
 
	$(document).ready(function(){
		 
		//DOM加载完成后,加载jqgrid
		$("#jqGrid").jqGrid({
				url : '${ctx}/myconsole/allhotword/getByPage',
				editurl:"${ctx}/myconsole/allhotword/saveUpdate",   //保存或者添加
				mtype : "POST",
				datatype : "json",
				sidx : "",
				sord : "asc",
				caption:"热词管理",
				prmNames : {   
					  id: "keyid", 
				      oper:"oper",    
				      addoper:"add",
				      editoper:"edit",
				      deloper:"del" 
			    },
				colModel : [ {
					label : '编号',
					name : 'keyid',
					hidden : true,
					key : true,
					width : 50,
				}, {
					label : '热词名称',
					name : 'wordname',
					edittype : "text",
					editable : true,
					editrules:{required:true},
					width : 100,
					editoptions: {
						size:50,
						maxlength: 120
		            }
				}, {
					label : '出现次数',
					name : 'appealnumber',
					edittype : "text",
					editable: true,
					editrules:{required:true},
					width : 50,
					editrules:{
						edithidden:true,
						custom:true, 
		            	custom_func: function(strFieldValue, strFieldName){
		        			 var strFloat  = /^(\d{1,9})?$/;
		        			 if(!strFloat.test(strFieldValue)){
		        			       return [false, strFieldName+"应该为正整数"];
		        			    }
		        			    else
		        			    {        				
		        			        return [true,""];
		        				}
		        			}			
					},
					editoptions: {
						size:50,
						maxlength: 6
		            } 
				}],
				rownumbers : true,//添加左侧行号
				viewrecords : true,//是否在浏览导航栏显示记录总数
				rowNum : 15,//每页显示记录数
				rowList : [10,15,20,30,40,50 ],//用于改变显示行数的下拉列表框的元素数组。
				autowidth : true,
				height : 'auto',
				pager : "#jqGridPager"
			});
			
			$('#jqGrid').navGrid('#jqGridPager',
			{
				add : true,
				edit : true,
				del : true,
				search : true,
				refresh : false,
				view : true,
				position : "left",
				cloneToTop : true
			},
			//点击编辑触发的区域
			{
				closeAfterEdit : true,
				recreateForm : true,
				width:600,
				beforeShowForm:function(formid){
					 
				},
				beforeSubmit: function(postdata, formid){
					var keyid = postdata.jqGrid_id;
					$.each(postdata,function (index, value) {
						if(index!="oper"){
							modifyJosnKey(postdata,index,"allHotWord."+index);
						}
					})
					postdata["allHotWord.keyid"]=keyid;  
					return [true,'']; //返回值必须这么写  目前没找到原因,用true 和  返回对象都不好使。待查 
				},
				afterSubmit: function(response,postdata)  //
				{
	            	var res=eval('(' + response.responseText + ')');
	            	if(res.flag)
					{
	            		parent.layer.alert(res.message, {
							  skin: 'layui-layer-molv' //样式类名
								  ,closeBtn: 0
								});
						return [true,res.message,''];
					}else{
						
						parent.layer.alert(res.message, {
							  skin: 'layui-layer-molv' //样式类名
								  ,closeBtn: 0
								});
						return [false,res.message,''];
					}
				},
				errorTextFormat : function(data) {
					return 'Error: ' + data.responseText
				}
			},
			//添加操作区
			{
				closeAfterAdd : true,   //添加完成后关闭
				width:600,
				serializeEditData: function(postdata) {  //提前数据前,加工数据
					$.each(postdata,function(index,value){
	    			   if(index!="oper"){
	    				   modifyJosnKey(postdata,index,"allHotWord."+index);
	    			   }
	    		    })
	    		    postdata["allHotWord.keyid"] = "";  
		            return postdata;
			    },
			    beforeShowForm:function(formid){
					 
				},
			    afterShowForm: function (formid){  //点击添加按钮显示表单后,用于绑定事件
			    	 
				},
			    afterSubmit: function(response,postdata)  //
				{
	            	var res=eval('(' + response.responseText + ')');
	            	if(res.flag)
					{
	            		parent.layer.alert(res.message, {
							  skin: 'layui-layer-molv' //样式类名
								  ,closeBtn: 0
								});
						return [true,res.message,''];
					}else{
						
						parent.layer.alert(res.message, {
							  skin: 'layui-layer-molv' //样式类名
								  ,closeBtn: 0
								});
						return [false,res.message,''];
					}
				},
				errorTextFormat : function(data) {
					return 'Error: ' + data.responseText
				}
			},
			//删除操作区
			{
				afterSubmit: function(response,postdata)
				{
	            	var res=eval('(' + response.responseText + ')');
	            	if(res.flag)
					{
	            		parent.layer.alert(res.message, {
							  skin: 'layui-layer-molv' //样式类名
								  ,closeBtn: 0
								});
	            		return [true,res.message,''];
					}else{
						parent.layer.alert(res.message, {
							  skin: 'layui-layer-molv' //样式类名
								  ,closeBtn: 0
								});
						return [false,res.message,''];
					}
				},
				errorTextFormat : function(data) {
					return 'Error: ' + data.responseText
				} 
			},{
				// search options 这里支持多条件查询
				multipleSearch: true,
				closeAfterSearch: true,
				sopt:['eq','ne','cn','nc','lt','le','gt','ge'],
				afterSubmit: function(r, data) {
					var messageString = r.responseText;
					var mesObj = eval('(' + messageString + ')');
					return [mesObj.state, mesObj.message];
				}
			}) 
			
		})
		
</script>
<title>我的桌面</title>
</head>
<body>
<div class="easyui-layout" data-options="fit:true">
	 
	<div region="center" id="pageright">
		<div class="page-container">
			<table id="jqGrid"></table>
			<div id="jqGridPager"></div>
		</div>
	</div>
</div>
</body>
</html>