雙擊添加新選項卡

//雙擊事件
	done:function(res,curr,count){
	    var data = res.data;
	    $('.layui-table-body tr').each(function(){
	        var dataindex=$(this).attr('data-index');
	        var idx=0;
			
			
	        for(var item in data){
	            if(dataindex==idx){
	                $(this).dblclick(function(){
						// console.log(JSON.stringify(data[item].v_Id))
						// var dataclick=JSON.stringify(data[item].v_Id);
						//新增標籤頁
						var filter = 'layadmin-layout-tab'
						var title = data[item].Operator;
						var url = 'index.html';
						var id = data[item].v_ID;
						if (url && id) {
							changetab2(filter, title, url, id);
						}
	                });
	                break;
	            }
	            idx++;
	        };
	    });
	}

STEP2:

//新增選項卡的js
function changetab2(filter, title, url, id) {
	if (!filter) {
		return;
	}
	var isTab = !Boolean(parent.$('[lay-filter="layadmin-layout-tab"]').find('.layui-tab-title li[lay-id="' + id + '"]').length);
	console.log(isTab);
	if (isTab) {
		
		window.parent.layui.element.tabAdd(filter, {
			title: title,
			"lay-allowClose": true,
			content: '<iframe src=' + url + ' id=' + id + ' name=' + title +
				' scroll="no" style="width:100%;height:80%;overflow-y:hidden;" onload="this.height=this.contentWindow.document.documentElement.scrollHeight" frameborder="0"></iframe>',
			id: id
		})
	}
	window.parent.layui.element.tabChange(filter, id);
	

	//如已存在。刷新tab頁
	var othis = parent.$('.layui-tab-title').find('>li[lay-id="' + id + '"]'),
		index = othis.parent().children('li').index(othis),
		parents = othis.parents('.layui-tab').eq(0),
		item = parents.children('.layui-tab-content').children('.layui-tab-item'),
		src = item.eq(index).find('iframe').attr("src");
		console.log(item.eq(index).find('iframe').attr("src", src));
	item.eq(index).find('iframe').attr("src", src);


};

獲取點擊行的數據,循環判斷,將得到的數據傳入新增選項卡方法中

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章