jqGrid ui自适应窗口

jQuery("#list").jqGrid({
   	url: 'ServiceArticleCatalog?action=getChild',
   	datatype: "xml",
   	mtype: 'post',
   	treeGrid: true,
    treeGridModel: 'adjacency',
    ExpandColumn: 'name',
    ExpandColClick: true,

   	colNames:["id","父节点","节点名","URL", "描述", "Display", "权限","关键字","Number","Leaf","code","模板URL","创建时间","创建人"],
   	colModel:[
   		{name:'id',index:'id', width:25,key:true,hidden:true, editable:false},
   		{name:'parentId',index:'parentId', width:50, hidden:true, editable:false},
   		{name:'name',index:'name', width:250, editable:false},
   		{name:'url',index:'url', width:280, align:"center", editable:false},
   		{name:'description',index:'description', width:80, align:"right", editable:false},
   		{name:'display',index:'display', width:50, align:"right", editable:false},
   		{name:'privileges',index:'privileges', width:50,align:"right", editable:false},
   		{name:'keywords',index:'keywords', width:100,align:"right", editable:false},
   		{name:'number',index:'number', width:50, editable:false, hidden:true},
   		{name:'leaf',index:'leaf', width:50, editable:false},
   		{name:'code',index:'code', width:80, editable:false, hidden:true},
   		{name:'moduleUrl',index:'moduleUrl', width:180, editable:false},
   		{name:'createTime',index:'createTime', width:180, editable:false, hidden:true},
   		{name:'master',index:'master', width:180, editable:false, hidden:true},
   	],
   	ondblClickRow: function(){
    	var gd = $("#list").getGridParam('selrow');	//获取选择行
    	var id = $("#list").getCell(gd,"id");  //获取选择行数据
    	if (id)	{
    		var ret = jQuery("#list").jqGrid('getRowData',id);	//行对象
    		$("#form1 #parentName").val();
    		$("#form1 #parentId").attr("readonly","readonly").val(ret.parentId);
    		$("#form1 #isLeaf"+ret.leaf).attr("checked",true);
    		$("#form1 #name").val(ret.name);
    		$("#form1 #url").val(ret.url);
    		$("#form1 #display"+ret.display).attr("checked",true);
    		$("#form1 #privileges"+ret.privileges).attr("checked",true);
    		$("#form1 #keywords").val(ret.keywords);
    		$("#form1 #code").val(ret.code);
    		$("#form1 #number").val(ret.number);
    		$("#form1 #moduleUrl").val(ret.moduleUrl);
    		$("#form1 #description").val(ret.description);
    		$("#form1 #id").val(ret.id);

    		jQuery("#table_boxcenter").dialog("open");
    	}
    },
	height:'auto',
	pager : "#pager",
	caption: "树节点列表",
	editurl: 'ServiceArticleCatalog?action=update'
});
jQuery("#list").jqGrid('navGrid',"#pager",{edit:false,add:false,del:true});


//========================自适应窗口========================//
$(window).bind('resize', function() {
	// Get width of parent container
	//var width = jQuery("body").attr('clientWidth');
	var width = $(document.body)[0].clientWidth;
	//var height = $(document.body)[0].clientHeight;
	//var height = jQuery("body").height();
	if (width == null || width < 1){// For IE, revert to offsetWidth if necessary
		width = jQuery('body').attr('offsetWidth');
	}
	width = width - 2; // Fudge factor to prevent horizontal scrollbars
	if (width > 0 && Math.abs(width - jQuery("#list").width()) > 5){
		// Only resize if new width exceeds a minimal threshold
		// Fixes IE issue with in-place resizing when mousing-over frame bars
		jQuery("#list").setGridWidth(width);
	}
}).trigger('resize');


 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

米可牛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值