台灣最大程式設計社群網站
線上人數
783
 
會員總數:246038
討論主題:189624
歡迎您免費加入會員
討論區列表 >> ASP.NET >> Query tabs防止刷新
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
Query tabs防止刷新
價值 : 200 QP  點閱數:294 回應數:4
樓主

果果
門外漢
0 4
695 3
發送站內信

請問各位高手們,目前小妹使用webform C# 需要使用到頁籤功能,
這個前端程式碼是參考網路上教學,目前問題是在Tab3的Button1按下執行,就會跳回Tab1的頁面,
請問要如何才能讓頁面固定在操作頁面,防止跳回初始的頁面呢? 不知道哪邊還需要做更改,麻煩各位給些意見謝謝!

[hr]



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="B.aspx.cs" Inherits="B" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

<title>jQuery UI Tabs - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"/>
<link rel="stylesheet" href="/resources/demos/style.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function () {
var tabIndex = $("#<%= hidCurrentTab.ClientID %>").val();
$("#tabs").tabs({
select: function (event, ui) {
$("#<%= hidCurrentTab.ClientID %>").val(ui.index);
}
, selected: tabIndex
});
});
</script>
</head>

<body>
<form id="form1" runat="server">

<asp:HiddenField ID="hidCurrentTab" runat="server"/>
<div>
<div id="tabs">
<ul>
<li><a href="#Tab1"><span>Tab1</span></a></li>
<li><a href="#Tab2"><span>Tab2</span></a></li>
<li><a href="#Tab3"><span>Tab3</span></a></li> </ul>
<div id="Tab1">
<p>內容一</p>
</div>
<div id="Tab2">
<p>內容二</p>
</div>
<div id="Tab3">
<p>內容三</p>
<asp:Button ID="Button1" runat="server" Text="Button" />
</div>
</div>
</div>
</form>
</body>
</html>

搜尋相關Tags的文章: [ tabs ] , [ jQuery tabs ] , [ jQuery tabs防止刷新,jQuery tabs固定 ] ,
本篇文章發表於2019-12-19 17:29
1樓
最有價值解答

香帥
檢舉此回應



程式碼修改如下(測試網址在:)
http://ap.a168a.com/test/1220.aspx

本篇文章回覆於2019-12-20 02:06
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

果果
檢舉此回應
香帥你的這個方式可以謝謝你!!
想在請問我的Tab1及Tab2都是有gridview 要執行查詢及新增,那我要怎麼運用呢?


本篇文章回覆於2019-12-20 08:56
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

香帥
檢舉此回應
2樓程式碼,我放進我server測(如下網址)
http://ap.a168a.com/test/1220b.aspx
顯示錯誤訊息,代表沒看到事件函式,等您寫了相關處理事件函式,再開新題po出來,看哪裡有問題,才能容易得到幫助。
本篇文章回覆於2019-12-22 08:30
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

果果
檢舉此回應
謝謝香帥的建議~~
https://www.blueshop.com.tw/board/show.asp?subcde=BRD20191224090125S4M&fumcde=FUM20041006161839LRJ
這是新的討論區,再請各位有空幫小妹看一下問題點在哪,謝謝!!
本篇文章回覆於2019-12-24 09:04
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.