作成日: 2015/05/26 最終更新日: 2015/05/26
文書種別
使用方法
詳細
行が編集中であるGridにおいて、ページングボタンのクリックによるページ遷移前に、「データを入力中です。ページを移動するとデータが失われます。よろしいですか?」などの確認メッセージを表示するには、下記コードのようにOnClientPageIndexChangingイベントを使用します。
◎サンプルコード (aspx)
◎サンプルコード (JavaScript)
OnClientPageIndexChanging属性にて上記のpageChangingメソッドと関連付けを行います。
また、pageChangingメソッドで参照しているHiddenField(ID:isEditing)を記載します。
HiddenField(ID:isEditing)の値は、編集の開始時に発生するサーバーイベントであるRowEditingにてTrueに設定します。
編集終了時に発生するサーバーイベントであるRowUpdatedにてFalseに設定します。また、[キャンセル]ボタンをクリックされた場合に初期値に戻すためRowCommandにてFalseに設定します。
◎サンプルコード (VB)
◎サンプルコード (C#)
◎サンプルコード (aspx)
<wijmo:C1GridView ID="C1GridView1" runat="server" OnClientPageIndexChanging="pageChanging" AutoGenerateEditButton="True" AllowPaging="True" …>
</wijmo:C1GridView>
<asp:HiddenField ID="isEditing" runat="server" />
</wijmo:C1GridView>
<asp:HiddenField ID="isEditing" runat="server" />
◎サンプルコード (JavaScript)
function pageChanging() {
var msg;
if ($("#isEditing").val() == "True") {
msg = "データを入力中です。ページを移動するとデータが失われます。よろしいですか?";
// 確認メッセージを表示
var confirmRslt = confirm(msg);
if (confirmRslt != true)
return false;
}
$("#isEditing").val("False");
return true;
}
var msg;
if ($("#isEditing").val() == "True") {
msg = "データを入力中です。ページを移動するとデータが失われます。よろしいですか?";
// 確認メッセージを表示
var confirmRslt = confirm(msg);
if (confirmRslt != true)
return false;
}
$("#isEditing").val("False");
return true;
}
OnClientPageIndexChanging属性にて上記のpageChangingメソッドと関連付けを行います。
また、pageChangingメソッドで参照しているHiddenField(ID:isEditing)を記載します。
HiddenField(ID:isEditing)の値は、編集の開始時に発生するサーバーイベントであるRowEditingにてTrueに設定します。
編集終了時に発生するサーバーイベントであるRowUpdatedにてFalseに設定します。また、[キャンセル]ボタンをクリックされた場合に初期値に戻すためRowCommandにてFalseに設定します。
◎サンプルコード (VB)
Protected Sub C1GridView1_RowEditing(sender As Object, e As C1GridViewEditEventArgs) Handles C1GridView1.RowEditing
isEditing.Value = True
End Sub
Protected Sub C1GridView1_RowUpdated(sender As Object, e As C1GridViewUpdatedEventArgs) Handles C1GridView1.RowUpdated
isEditing.Value = False
End Sub
Protected Sub C1GridView1_RowCommand(sender As Object, e As C1GridViewCommandEventArgs) Handles C1GridView1.RowCommand
If e.CommandName.Equals("cancel") Then
isEditing.Value = False
End If
End Sub
isEditing.Value = True
End Sub
Protected Sub C1GridView1_RowUpdated(sender As Object, e As C1GridViewUpdatedEventArgs) Handles C1GridView1.RowUpdated
isEditing.Value = False
End Sub
Protected Sub C1GridView1_RowCommand(sender As Object, e As C1GridViewCommandEventArgs) Handles C1GridView1.RowCommand
If e.CommandName.Equals("cancel") Then
isEditing.Value = False
End If
End Sub
◎サンプルコード (C#)
protected void C1GridView1_RowEditing(object sender, C1GridViewEditEventArgs e)
{
isEditing.Value = Boolean.TrueString;
}
protected void C1GridView1_RowUpdated(object sender, C1GridViewUpdatedEventArgs e)
{
isEditing.Value = Boolean.FalseString;
}
protected void C1GridView1_RowCommand(object sender, C1GridViewCommandEventArgs e)
{
if (e.CommandName.Equals("cancel"))
{
isEditing.Value = Boolean.FalseString;
}
}
{
isEditing.Value = Boolean.TrueString;
}
protected void C1GridView1_RowUpdated(object sender, C1GridViewUpdatedEventArgs e)
{
isEditing.Value = Boolean.FalseString;
}
protected void C1GridView1_RowCommand(object sender, C1GridViewCommandEventArgs e)
{
if (e.CommandName.Equals("cancel"))
{
isEditing.Value = Boolean.FalseString;
}
}
旧文書番号
81324