12

プログラムで JQuery タブを無効にする必要があります。タブは更新パネル (Ajax) 内にあり、更新パネルは ASP.NET ページにあります。コード：

<link type="text/css" rel="stylesheet" href="http://ui.jquery.com/testing/themes/base/ui.all.css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.core.js"></script>

<script type="text/javascript" src="http://ui.jquery.com/testing/ui/ui.tabs.js"></script>

<script type="text/javascript">

    $(document).ready(function(){
        $("#example").tabs();
    });


    function hidetabs(){
        $(document).ready(function(){
        $("#example").tabs();
        $('#example').data('disabled.tabs', [1, 2]);});
    }
</script>


<%@ Page Language="C#" MasterPageFile="~/any.Master" AutoEventWireup="true" Codebehind="anycode.aspx.cs"
    Inherits="anycode" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<asp:UpdatePanel ID="UpdatePanel_Deal_Import" runat="server">
<ContentTemplate>
<div id="example">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1">
<p>
First tab is active by default:</p>
<pre><code>$('#example').tabs();</code></pre>

<asp:Button ID="btn_Save" OnClick="btn_Save_Click" runat="server" Text="Save" Visible="False" CommandName="Save">
</div>

<div id="fragment-2">
Lorem ipsum dolor sit amet, consectetuer 
ut laoreet dolore magna aliquam erat volutpat.
</div>
<div id="fragment-3">
Lorem ipsum dolor sit amet, consectetuer 
aliquam erat volutpat.
</div>
</div>

      </ContentTemplate>
</asp:UpdatePanel>
</asp:Content>


Code behind:

protected void btn_Save_Click(object sender, EventArgs e)
{
//here I need to diable the panels.

}

関数 btn_Save_Click はページを投稿しないため、Javascript/jquery hidetabs 関数を呼び出しません。助けてくれてありがとう!!!

4

3 に答える 3

17

私は次の方法を使用しており、100％適切に機能しています。

最初に関数を作成し、jquery関数をマイページの関数に書き込みます。

<script>
    function myFunction(params) {
        $.my_jquery(params...)
        ......
    }
</script>

次に、このコードを、コントロールが更新パネル内にあるコントロールのイベントハンドラー（ボタンをクリックするなど）で使用しました。

protected void myButton(object sender, EventArgs e)
{
    .....
    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "tmp", "<script type='text/javascript'>myFunction(params...);</script>", false);
}

成功

于 2011-07-28T13:29:20.420 に答える
5

投稿するボタンではなく、クライアント側のアクションを持つボタンが必要なようです。

<asp:Button ID="Clickable" runat="server" text="Click me" OnClientClick="JavascriptCall();" />

さらに、jQueryは一般的に下位互換性がありますが、jQueryの最新の.jsファイルを直接参照することはお勧めできません。代わりに、必要なバージョンをダウンロードして、既知のバージョンを直接参照できるようにサイトに静的に配置します。不要な場合は、外部サイトのリソースの状態や可用性に依存関係を追加するのはよくありません。

于 2009-02-16T23:32:32.533 に答える