0

このサイトと Google の多くのオプションを調べてみました。ポストバックの前に UpdatePanel の状態を保存することについてはさまざまなアイデアがありますが、そのようなことを実装する方法がわかりません。

GridView を更新する ASP.NET ページ内に UpdatePanel があります - 私のコードはうまく機能します。ただし、非同期ポストバックでは、JQuery CSS が消えて、テキスト ボックスが丸くなったり、テキストの色が変わったりします...

JQuery イベントを追加する必要はありませんが、パネルにスタイリングを追加する方法を知る必要があるだけです。フレームワーク全体を追加することもできます。

プロジェクトにコードを追加しますが、その量は膨大です。以下は、サイト マスターでの JQuery リファレンスです。

<!DOCTYPE html> 
<html class="ui-mobile"> 
<head>
<!-- Apple Settings -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> 

<!-- Apple Icons -->
<link rel="apple-touch-icon" href="/touch-icon-iphone.png"/>
<link rel="apple-touch-icon" href="/touch-icon-iphone.png" /> 
<link rel="apple-touch-icon" sizes="72x72" href="/touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/touch-icon-ipad-retina.png" />
<link rel="icon" href="/touch-icon-ipad-retina.png" />

<!-- Style Sheets -->
<link rel="stylesheet" href="/themes/Sequencing_App_V2.min.css" />
<link rel="stylesheet" href="/css/jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet" href="/css/Custom.css" />

<!-- JavaScript -->
<script type="text/javascript" src="/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="/javascript/Custom.js"></script>
<script type="text/javascript">

</script>
<script type="text/javascript" src="/js/jquery.mobile-1.2.0.min.js"></script>

<!-- Content Placeholders -->
<title><asp:ContentPlaceHolder ID="page_title" runat="server"></asp:ContentPlaceHolder></title>
<asp:ContentPlaceHolder ID="head" runat="server"></asp:ContentPlaceHolder>

誰でもここで助けることができますか？

あなたが提供できるすべての助けに感謝します。

スティーブ

4

1 に答える 1

2

jQuery モバイルは、作成時に多くの余分な html 要素を追加します。

これらは PostBack 後に失われるため、UpdatePanel の新しい要素用に再作成する必要があります。

リストビューを使用してデータを表示している場合は、PostBack の後に更新する必要があります。

<script type="text/javascript">
    function handleEndRequest(sender, args)
    {
        $('table').listview('refresh');
        //Refresh any other elements
    }

    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(handleEndRequest);
</script>
于 2013-01-29T10:49:07.233 に答える