H+ 編輯tab頁 儲存後 重新整理列表tab頁 並關閉自已。tabA頁呼叫tabB頁的方法
阿新 • • 發佈：2019-01-06
//注：在contabs.js檔案中 $(function () { }); 方法外 加入 //注： data-name="' + menuName + '" 這句是加入的自定義屬性 用於以後通過name屬性進行處理 如：通過name屬性關閉tab頁面 //var str = '<a href="javascript:;" class="active J_menuTab" data-id="' + dataUrl + '" data-name="' + menuName + '" >' + menuName + ' <i class="fa fa-times-circle"></i></a>';//var str1 = '<iframe class="J_iframe" name="iframe' + dataIndex + '" width="100%" height="100%" src="' + dataUrl + '" frameborder="0" data-id="' + dataUrl + '" data-name="' + menuName + '" seamless></iframe>'; //data-name 在這兩句中要加入 實現目的：測試頁2(編輯頁) 呼叫 測試頁1(列表頁) 中的方法 測試頁2(編輯頁)加入 <a href="#" onclick="window.parent.refreshTabData('測試頁1',window.top.reload_taskTab); parent.closeTab_tabName('測試頁2'); "> 重新整理 測試頁1</a> 測試頁1(列表頁) 加入//GridView 中的被呼叫的方法 在GridView.tpl中寫 EditView 儲存 後 呼叫 重新整理 //供其它tab呼叫的方法 用於ajax重新整理 window.top["reload_taskTab"]=function(){ //alert(""); alert('測試頁2 reload_taskTab'); }; //下面程式碼 在contabs.js檔案中 $(function () { }); 方法外 加入 //顯示並激活Tab 根據tabNamefunction showTab_tabName(tabName){ $('.J_menuTab').each(function () { if ($(this).data('name') == tabName) { //alert($(this).data('name') ); if (!$(this).hasClass('active')) { $(this).addClass('active').siblings('.J_menuTab').removeClass('active'); //scrollToTab(this); // 顯示tab對應的內容區 $('.J_mainContent .J_iframe').each(function () { //alert($(this).data('name') ); if ($(this).data('name') == tabName) { $(this).show().siblings('.J_iframe').hide(); return false; } }); } flag = false; return false; } }); } ///供其它tab呼叫的方法 用於ajax重新整理 指定tab頁裡面的資料------------------------------------------------------ function refreshTabData(tabName,refreshGridFunc){ //alert(tabName); showTab_tabName(tabName); typeof refreshGridFunc==='function' && refreshGridFunc.call(); }
//注：在contabs.js檔案中 $(function () { }); 方法外 加入 //注： data-name="' + menuName + '" 這句是加入的自定義屬性 用於以後通過name屬性進行處理 如：通過name屬性關閉tab頁面 //var str = '<a href="javascript:;" class="active J_menuTab" data-id="' + dataUrl + '" data-name="' + menuName + '" >' + menuName + ' <i class="fa fa-times-circle"></i></a>'; //var str1 = '<iframe class="J_iframe" name="iframe' + dataIndex + '" width="100%" height="100%" src="' + dataUrl + '" frameborder="0" data-id="' + dataUrl + '" data-name="' + menuName + '" seamless></iframe>'; //data-name 在這兩句中要加入 實現目的：測試頁2(編輯頁) 呼叫 測試頁1(列表頁) 中的方法 測試頁2(編輯頁)加入 <a href="#" onclick="window.parent.refreshTabData('測試頁1',window.top.reload_taskTab); parent.closeTab_tabName('測試頁2'); "> 重新整理 測試頁1</a> 測試頁1(列表頁) 加入 //GridView 中的被呼叫的方法 在GridView.tpl中寫 EditView 儲存 後 呼叫 重新整理 //供其它tab呼叫的方法 用於ajax重新整理 window.top["reload_taskTab"]=function(){ //alert(""); alert('測試頁2 reload_taskTab'); }; //下面程式碼 在contabs.js檔案中 $(function () { }); 方法外 加入 //顯示並激活Tab 根據tabName function showTab_tabName(tabName){ $('.J_menuTab').each(function () { if ($(this).data('name') == tabName) { //alert($(this).data('name') ); if (!$(this).hasClass('active')) { $(this).addClass('active').siblings('.J_menuTab').removeClass('active'); //scrollToTab(this); // 顯示tab對應的內容區 $('.J_mainContent .J_iframe').each(function () { //alert($(this).data('name') ); if ($(this).data('name') == tabName) { $(this).show().siblings('.J_iframe').hide(); return false; } }); } flag = false; return false; } }); } ///供其它tab呼叫的方法 用於ajax重新整理 指定tab頁裡面的資料------------------------------------------------------ function refreshTabData(tabName,refreshGridFunc){ //alert(tabName); showTab_tabName(tabName); typeof refreshGridFunc==='function' && refreshGridFunc.call(); }
//注：在contabs.js檔案中 $(function () { }); 方法外 加入 //注： data-name="' + menuName + '" 這句是加入的自定義屬性 用於以後通過name屬性進行處理 如：通過name屬性關閉tab頁面 //var str = '<a href="javascript:;" class="active J_menuTab" data-id="' + dataUrl + '" data-name="' + menuName + '" >' + menuName + ' <i class="fa fa-times-circle"></i></a>'; //var str1 = '<iframe class="J_iframe" name="iframe' + dataIndex + '" width="100%" height="100%" src="' + dataUrl + '" frameborder="0" data-id="' + dataUrl + '" data-name="' + menuName + '" seamless></iframe>'; //data-name 在這兩句中要加入 實現目的：測試頁2(編輯頁) 呼叫 測試頁1(列表頁) 中的方法 測試頁2(編輯頁)加入 <a href="#" onclick="window.parent.refreshTabData('測試頁1',window.top.reload_taskTab); parent.closeTab_tabName('測試頁2'); "> 重新整理 測試頁1</a> 測試頁1(列表頁) 加入 //GridView 中的被呼叫的方法 在GridView.tpl中寫 EditView 儲存 後 呼叫 重新整理 //供其它tab呼叫的方法 用於ajax重新整理 window.top["reload_taskTab"]=function(){ //alert(""); alert('測試頁2 reload_taskTab'); }; //下面程式碼 在contabs.js檔案中 $(function () { }); 方法外 加入 //顯示並激活Tab 根據tabName function showTab_tabName(tabName){ $('.J_menuTab').each(function () { if ($(this).data('name') == tabName) { //alert($(this).data('name') ); if (!$(this).hasClass('active')) { $(this).addClass('active').siblings('.J_menuTab').removeClass('active'); //scrollToTab(this); // 顯示tab對應的內容區 $('.J_mainContent .J_iframe').each(function () { //alert($(this).data('name') ); if ($(this).data('name') == tabName) { $(this).show().siblings('.J_iframe').hide(); return false; } }); } flag = false; return false; } }); } ///供其它tab呼叫的方法 用於ajax重新整理 指定tab頁裡面的資料------------------------------------------------------ function refreshTabData(tabName,refreshGridFunc){ //alert(tabName); showTab_tabName(tabName); typeof refreshGridFunc==='function' && refreshGridFunc.call(); }