C1Dialog を使用して、アップロードが完了したときなど、ユーザーが認識する必要がある情報をユーザーに通知できます。このトピックでは、アップロードが完了したことをユーザーに知らせるモーダルアラートウィンドウを作成します。
以下の手順を実行します。
- プロジェクトのソースビューに移動します。
-
<asp:Content>タグの最初のペアを探します。それらのタグペアの間に次のスクリプトを挿入します。ソースビュー コードのコピー<script type="text/javascript">
function btnClick() {
$(this).c1dialog("close");
}
</script> -
<cc1:C1Dialog>タグを探して、runat="server"プロパティの後に次のマークアップを挿入します。ソースビュー コードのコピーWidth="450px" Height="285px" Modal="true"
Stack="True" CloseText="Close" Title="ファイルのアップロード">
<Content>
<p>
<span class="ui-icon ui-icon-circle-check"></span>ファイルは正常にアップロードされました！
</p>
</Content>
<ExpandingAnimation Duration="400">
</ExpandingAnimation>
<Buttons>
<cc1:DialogButton OnClientClick="btnClick" Text="OK" />
</Buttons>
<CaptionButtons>
<Pin Visible="False" />
<Refresh Visible="False" />
<Toggle Visible="False" />
<Minimize Visible="False" />
<Maximize Visible="False" />
</CaptionButtons>
<CollapsingAnimation Duration="300" /> - プログラムを実行します。アラートウィンドウは、次の図のようになるはずです。
- 〈閉じる〉ボタン以外のキャプションバーボタンはすべて無効になることに注意してください。