yctb-SpringBoot/web/template/xhtml/jqglt.ftl

	<table id="${parameters.id}"></table> 
	<div  id="${parameters.id}_pager"></div>

<!-- jqGrid组件基础样式包-必要 -->
<link rel="stylesheet" href="${parameters.ctx}/js/v2/ui/jqgrid/css/ui.jqgrid.css" />

<!-- jqGrid主题包-非必要 -->
<!-- 在jqgrid/css/css这个目录下还有其他的主题包，可以尝试更换看效果 -->
<link rel="stylesheet"
	href="${parameters.ctx}/js/v2/ui/jqgrid/css/css/redmond/jquery-ui-1.8.16.custom.css" />


<!-- jqGrid插件包-必要 -->
<script type="text/javascript"
	src="${parameters.ctx}/js/v2/ui/jqgrid/js/jqGrid.js"></script>
	

<!-- jqGrid插件的多语言包-非必要 -->
<!-- 在jqgrid/js/i18n下还有其他的多语言包，可以尝试更换看效果 -->
<script type="text/javascript"
	src="${parameters.ctx}/js/v2/ui/jqgrid/js/i18n/grid.locale-cn.js"></script>
	
<script type="text/javascript" >	
   $(function(){
	//页面加载完成之后执行
	var listId="${parameters.id}";
	var pageId="${parameters.id}_pager";
	
	
	if($("#"+listId).data('_init')){return;}
    //标志已经初始化，无需重新初始化
     $("#"+listId).data('_init',true);
     
   var colModel=${tojson(parameters.options.colModel)};
      for (var item in colModel) {
            var itemBo=colModel[item];
            var colType=itemBo["type"];
            if(colType=='06'){
                 itemBo["editoptions"]={size: 10, maxlengh: 10,  
                  dataInit: function(element) {  
                   $(element).datepicker({dateFormat: 'yy-mm-dd',length : 10}); 
                  }  
                };
            }else{
               // itemBo["editrules"]= { required: true, custom: true, custom_func: function(value,name,colType){return [true,""];  }};
                   itemBo["editrules"]= { required: true, custom: true, custom_func:ValidateTvalue };
            }
     }
     
  
    var newModel={"colModel":colModel};    
   
     var option=${tojson(parameters.options)};
     var jsonParam=${parameters.jsonParam}; 
     $.extend(true,option,newModel,jsonParam|| {});  
     
      
	//创建jqGrid组件
	$("#"+listId).jqGrid(option);
	
	
	 /*可以控制界面上增删改查的按钮是否显示*/
	 $("#"+listId).jqGrid('navGrid', '#'+pageId, ${parameters.jsonNavGrid});
	 $("#"+listId).jqGrid('setLabel','rn', '序号', {'text-align':'left'},'');
	
	// $("#gridButton").removeClass('ui-state-disabled'); //Disable 按钮灰掉不可用
    //$("#gridButton").addClass('ui-state-disabled'); //Enable 按钮可用
  
	
	var hasTitle="${parameters.hasTitle?string ("true","false")}";
	if(hasTitle=="false"){
	
	}
	// $("#"+listId).closest('.ui-jqgrid-view').find('div.ui-jqgrid-hdiv').hide();
	  //表格宽度自适应
	  if(option.autoWidth){
	    $("#"+listId).setGridWidth($(window).width()-20);
        $(window).resize(function(){
        $("#"+listId).setGridWidth($(window).width()-20);
        });
	  }
	  

	    //var mydata=${tojson(parameters.options.rows)};
	   // for ( var i = 0; i <= mydata.length; i++){
       //jQuery("#"+listId).jqGrid('addRowData', i + 1, mydata[i]);
       // }
       
     //自定义验证 value=输入控件的值，name=列名称（来自colModel）
        function ValidateTvalue(value,name,colType) {
            var sFunName=listId+"_ValidateTvalue";
            var callBackFunction = window[sFunName];
			if(callBackFunction&&typeof(callBackFunction)=="function"){callBackFunction(value,name,colType);}
			     
           if (value != 0 ) {  
                   return [true,""];  
		       //  return [false,"Please enter value between 0 and 20"];  
		   }else{  
		           return [true,""];  
		  }  
       }
	
   });
</script>

</html>