求助:easyui 添加tabs 动态加载treegrid 问题

Tito10 2015-08-10 06:13:03

<div id="wtt" class="easyui-window" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:710px;height:600px">

			<form id="wff" method="post"><div id="tt" class="easyui-tabs" style="height:525px"></div></form>

		    <div style="text-align:center;padding:5px">

		    	<a href="javascript:void(0)" class="easyui-linkbutton" onclick="grant()">保存</a>

		    	<a href="javascript:void(0)" class="easyui-linkbutton" onclick="closeTabs()">取消</a>

		    </div>

			</div>

function grantAuthorization(){

					var rows = $('#roleList').datagrid("getSelections");

					if(rows.length == 0){

						$.messager.show({title:'提示框',msg:'请选择一条记录!',showType:'show'});

					}else{

						var row = $('#roleList').datagrid("getSelected");

						$.post("role/toGrant.do", {"roleId":row.id}, function(data) {

							if(data && data!=null){

								for(var i=0;i<data.length;i++){

									$('#tt').tabs('add',{

										title: data[i].name,

										content: "<table class='easyui-treegrid' data-options='url: \"role/loadTabs.do?roleId="+row.id+"&appId="+data[i].id+"\",method: \"get\",idField: \"id\",treeField: \"name\"'><thead><tr><th data-options='field:\"name\"' width=\"180\">名称</th><th data-options='field:\"code\"' width=\"280\">编码</th><th data-options='field:\"resourceTypeCode\"' width=\"150\">资源类型</th><th data-options='field:\"grant\"' width=\"50\">授权</th></tr></thead></table>"

									});

								}

								$('#wtt').panel({title: "给<font color='red'>【"+row.name+"】</font>赋予资源权限"});

								$('#wtt').window('open');

								$('#tt').tabs({tabPosition:'bottom'});

							}else{

								$.messager.alert('错误提示','服务器繁忙，请稍候重试!','error');

							}

						});

					}

				}