このトピックでは、ソースビューで C1Rating コントロールの Hover および Ratedイベントを処理する方法について学びます。
以下の手順を実行します。
<asp:Content> タグの最初のセットの間に次のスクリプトを挿入します。
| ソースビュー |
コードのコピー
|
|---|---|
| <script type="text/javascript"> function starHover(e, args){ $("#hover").html(args.value); } function starRated(e, args){ $("#rated").html(args.value); } </script> |
|
</cc1:C1Rating>の終了タグの後に、次のマークアップを挿入します。
| ソースビュー |
コードのコピー
|
|---|---|
| <div> hover value is:<label id="hover"></label></div> <div> rated value is:<label id="rated"></label></div> |
|
<cc1:C1Rating> タグ内の Value プロパティの後に次の２つのプロパティを設定します。
| ソースビュー |
コードのコピー
|
|---|---|
| OnClientHover="starHover" OnClientRated="starRated" |
|
スクリプトとマークアップは最終的に次のようになります。
| ソースビュー |
コードのコピー
|
|---|---|
| <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> <script type="text/javascript"> function starHover(e, args){ $("#hover").html(args.value); } function starRated(e, args){ $("#rated").html(args.value); } </script> </asp:Content> <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <cc1:C1Rating ID="C1Rating1" runat="server" OnClientHover="starHover" OnClientRated="starRated"> </cc1:C1Rating> <div> hover value is:<label id="hover"></label></div> <div> rated value is:<label id="rated"></label></div> </asp:Content> |
|