コードを使用して C1Dialog コントロールを作成し、表示できます。このヘルプでは、標準 Button コントロールと標準 PlaceHolder コントロールをページ上に配置し、コードを使用して C1Dialog コントロールを作成し、button_click イベントを使用してそれを表示します。
以下の手順を実行します。
- 標準 PlaceHolder コントロールと標準 Button コントロールを ASP.NET プロジェクトに追加します。
- ソースビューに切り替えて、最初の タグに次のスクリプトを追加します。
ソースビュー コードのコピー<!--jQuery References-->
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.min.js" type="text/javascript"></script>
<asp:PlaceHolder runat="server">
<script type="text/javascript">
$(document).ready(function () {
$("#<%=btnShowDialog.ClientID %>").click(function () {
$("#<%=C1Dialog1.ClientID %>").c1dialog("open");
return false;
});
});
</script>
</asp:PlaceHolder> - そのままソースビューで、Button コントロールと PlaceHolder コントロールのマークアップを見つけて編集します。その結果、次のようになります。
ソースビュー コードのコピー<asp:Button ID="btnShowDialog" runat="server" Text="実行時に作成されたダイアログを表示" />
<asp:PlaceHolder ID="c1Dialog1" runat="server"></asp:PlaceHolder> - ソースビューページを右クリックし、メニューから［コードの表示］を選択します。
- コードビューで、ページの一番上に以下のステートメントを追加します。
C# コードの書き方
C# コードのコピーusing C1.Web.Wijmo.Controls.C1Dialog; Visual Basic コードの書き方
Visual Basic コードのコピーImports C1.Web.Wijmo.Controls.C1Dialog - 次のコードを追加して、button_click イベントを作成し、C1Dialog コントロールを作成します。
C# コードの書き方
C# コードのコピーprotected void btnShow_Click(object sender, EventArgs e)
{
C1Dialog dlg = new C1Dialog();
dlg.Title = "実行時に作成されたダイアログ";
dlg.Modal = true;
dlg.Content = new MyTemplateClass();
C1Dialog1.Controls.Add(dlg);
}Visual Basic コードの書き方
Visual Basic コードのコピーProtected Sub btnShow_Click(sender As Object, e As EventArgs) Handles btnShow.Click
Dim dlg As C1Dialog = New C1Dialog()
dlg.Title = "実行時に作成されたダイアログ"
dlg.Modal = True
dlg.Content = New MyTemplateClass()
C1Dialog1.Controls.Add(dlg)
End Sub - 次のコードで新しいクラスを開始します。 これは C1Dialog コントロールのテンプレートです。
C# コードの書き方
C# コードのコピーpublic class MyTemplateClass : ITemplate
{
public void InstantiateIn(Control container)
{
Label label = new Label();
label.ID = "lblmyLabel";
label.Text = "これは C1Dialog です。";
Button btnOK = new Button();
btnOK.Text = "OK";
container.Controls.Add(label);
container.Controls.Add(btnOK);
}Visual Basic コードの書き方
Visual Basic コードのコピーPublic Class MyTemplateClass
Implements ITemplate
Public Sub InstantiateIn(container As Control) Implements ITemplate.InstantiateIn
Dim label As New Label()
label.ID = "lblmyLabel"
label.Text = "これは C1Dialog です。"
Dim btnOK As New Button()
btnOK.Text = "OK"
container.Controls.Add(label)
container.Controls.Add(btnOK)
End Sub
End Class - アプリケーションを実行すると、次のような表示になります。
- ボタンをクリックすると、C1Dialog は次の図のように表示されます。
