<!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" />
<!--[if lt IE 9]>
<script type="text/javascript" src="${ctx}/assets/lib/html5.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/respond.min.js"></script>
<script type="text/javascript" src="${ctx}/assets/lib/PIE_IE678.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/Hui-iconfont/1.0.7/iconfont.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/icheck/icheck.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/style.css" />

<script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.js"></script> 
<script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>

<link type="text/css" href="${ctx}/assets/lib/codemirror/lib/codemirror.css" rel="stylesheet" />
<script type="text/javascript" src="${ctx}/assets/lib/codemirror/lib/codemirror.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>

<!--[if IE 6]>
<script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->

<script type="text/javascript">
$(function() {
	$(window).resize(function(){
		$("#jqGrid").setGridWidth($(window).width()-40); 
	});
	$("#jqGrid").jqGrid({
		url : '${ctx}/myconsole/software/getByPage',
		editurl:"${ctx}/myconsole/software/saveOrUpdate",
		mtype : "POST",
		postData : {'columnid':'${column.columnid!}'},
		datatype : "json",
		caption:'软件管理',
		prmNames : { 
		      id: "keyid", 
		      oper:"oper",    
		      addoper:"add",
		      editoper:"edit",
		      deloper:"del" 
	   },
		colModel : [ {
			label : '数据编号',
			name : 'keyid',
			hidden : true,
			key : true,
			width : 50,
		}, {
			label : '软件名称',
			name : 'softname',
			editable: true,
			edittype:"text",
			width : 100,
			editoptions: {
				dataInit: function(elem){
					$(elem).width(225);
				},
				maxlength: 125
            },
			formoptions:{
				elmsuffix:" <span style='color:red'>*<span>",
				rowpos:1,
				colpos:1
			},
			editrules:{
				required: true
			}
		}, {
			label : '软件性质',
			name : 'softproperties',
			editable: true,
			edittype: "select",
			formatter:"select",
			width : 100,
			editoptions: {
				dataInit: function(elem){
					$(elem).width(232);
				},
				maxlength: 15,
				value : "免费软件:免费软件;收费软件:收费软件"
            },
			formoptions:{
				rowpos:1,
				colpos:2
			},
			stype:"select",
			searchoptions:{
				value: "免费软件:免费软件;收费软件:收费软件"
			}			 
		}, {
			label : '软件类别',
			name : 'softtype',
			editable: true,
			edittype: "select",
			formatter:"select",
			width : 100,
			editoptions: {
				dataInit: function(elem){
					$(elem).width(232);
				},
				maxlength: 15,
				value : "${dic_softtype!}"
            },
			formoptions:{
				rowpos:2,
				colpos:1
			},
			stype:"select",
			searchoptions:{
				value: "${dic_softtype!}"
			}
			 
            
		}, {
			label : '软件大小',
			name : 'softsize',
			editable: true,
			edittype: "text",			
			width : 100,
			editoptions: {
				dataInit: function(elem){
					$(elem).width(225);
				},
				maxlength: 15,
            },
			formoptions:{
				elmsuffix:" 兆",
				rowpos:2,
				colpos:2
			}
		}, {
			label : '软件语言',
			name : 'softlanguage',
			editable: true,
			edittype: "text",			
			width : 100,
			editoptions: {
				dataInit: function(elem){
					$(elem).width(225);
				},
				maxlength: 40,
            },
			formoptions:{
				rowpos:3,
				colpos:1
			}
		}, {
			label : '开发厂家',
			name : 'author',
			editable: true,
			edittype: "text",			
			width : 100,
			editoptions: {
				dataInit: function(elem){
					$(elem).width(225);
				},
				maxlength: 40,
            },
			formoptions:{
				rowpos:3,
				colpos:2
			}
		}, {
			label : '运行环境',
			name : 'runsystem',
			editable: true,
			edittype: "text",			
			width : 100,
			editoptions: {
				dataInit: function(elem){
					$(elem).width(225);
				},
				maxlength: 40,
            },
			formoptions:{
				rowpos:4,
				colpos:1
			}
		}, {
			label : '排序编号',
			name : 'sortid',
			editable: true,
			edittype: "text",			
			width : 100,
			editoptions: {
				dataInit: function(elem){
					$(elem).width(225);
				},
				maxlength: 6,
            },
            editrules:{
            	edithidden:true,
            	required: true,
            	custom:true, 
            	custom_func: function(strFieldValue, strFieldName){
        			 var strFloat  = /^([-\+]?(((\d+)(\.\d+))|(\.\d+)|(\d*)))?$/;
        			 if(!strFloat.test(strFieldValue)){
        			       return [false, strFieldName+"应该为实数"];
        			    }
        			    else
        			    {        				
        			        return [true,""];
        				}
        			}		
            },
			formoptions:{
				rowpos:4,
				colpos:2
			}
		}, {
			label : '软件地址',
			name : 'softurl',
			editable: true,
			edittype: "text",			
			width : 200,
			editoptions: {
				dataInit: function(elem){
					$(elem).width(613);
				},
				maxlength: 125,
            },
			formoptions:{
				rowpos:5,
				colpos:1
			}
		}, {
			label : '软件描述',
			name : 'softdesc',
			editable: true,
			width : 100,
			edittype : "textarea",
			hidden : true,			
			editrules:{
				edithidden : true
			},
			editoptions: {
				dataInit: function(elem){
					$(elem).width(620);
				},
				maxlength: 1000,
				rows:"6",
				cols:"80"
            },
			formoptions:{
				rowpos:6,
				colpos:1				
			}
		}
       
		
		],
		rownumbers : true,//添加左侧行号
		viewrecords : true,//是否在浏览导航栏显示记录总数
		rowNum : 10,//每页显示记录数
		rowList : [10,15,20,30,40,50 ],//用于改变显示行数的下拉列表框的元素数组。
		autowidth : true,
		height : 'auto',
		pager : "#jqGridPager"
	});
$('#jqGrid').navGrid('#jqGridPager',
// the buttons to appear on the toolbar of the grid
{
	edit : true,
	add : true,
	del : true,
	search : true,
	refresh : true,
	view : true,
	position : "left",
	cloneToTop : true
},
// options for the Edit Dialog
{
	recreateForm : true,
	checkOnUpdate : true,
	checkOnSubmit : true,
	closeAfterEdit : true,
	width:800,
	onInitializeForm:function(formid) {
	},
	afterShowForm : function(formid) {
		$("#softurl").parents(".DataTD").attr("colspan",3);
		$("#softdesc").parents(".DataTD").attr("colspan",3);
	},
	serializeEditData: function(postdata) {
		//myconsole.log(postdata);
		$.each(postdata,function (index, value) {
			//myconsole.log(index);
			if(index!="jqGrid_id" && index!="oper" && index!="id"){
				modifyJosnKey(postdata,index,"software."+index);
			}
			if(index=="id"){
				postdata["template."+index]=value
			}
		})
		//myconsole.log(postdata);
        return postdata;
    },
    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
	}
},
// options for the Add Dialog
{
	closeAfterAdd : true,
	recreateForm : true,
	width:800,
	afterShowForm : function(formid) {
		$("#softurl").parents(".DataTD").attr("colspan",3);
		$("#softdesc").parents(".DataTD").attr("colspan",3);
	},
	beforeSubmit: function(postdata, formid){
		postdata["columnid"] = '${column.columnid!}'; 
		postdata["columnname"] = '${column.columnname!}'; 
		$.each(postdata,function (index, value) {
			if(index!="jqGrid_id" && index!="oper"){
				modifyJosnKey(postdata,index,"software."+index);
			}
		})
		return[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
	}
	
},
// options for the Delete Dailog
{
	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,''];
			}
		else
			{
			parent.layer.alert(res.message, {
				  skin: 'layui-layer-molv' //样式类名
					  ,closeBtn: 0
					});
			 return [true,''];
			}
    	
	} 
},{
	// search options 这里支持多条件查询
	multipleSearch: 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="page-container">
	<table id="jqGrid"></table>
	<div id="jqGridPager"></div>
</div>
<footer class="footer mt-20">
	<div class="container">
		<p></p>
	</div>
</footer>
</body>
</html>