ASP.NET　JavaScriptからAjaxのUpdatePanelを更新する

ボタンをクリックして検索画面等のポップアップ画面を起動し、
その画面で選択した値をテキストボックスに表示した後、
テキストボックスのTextChangedイベントを発生させたい事ってありますよね。

UpdatePanelの更新トリガーとなるようボタンコントロールを配置します。
ボタンのスタイルで可視性を非表示に設定します。


そしてポップアップ画面で選択した値を、テキストボックスに表示するJavaScriptの最後に、
以下のコードを追加します。
document.getElementById('UpdatePanelの更新トリガーボタンコントロールのクライアントID').click();

Default.aspx
<%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Untitled Page</title>

</head>

<body>

    <form id="form1" runat="server">

        <asp:ScriptManager ID="ScriptManager1" runat="server" />

        <asp:UpdatePanel ID="UpdatePanel1" runat="server">

            <ContentTemplate>

                <asp:TextBox ID="txtCode" runat="server" Width="100px"></asp:TextBox>&nbsp;<asp:Button
                    ID="btnSearch" runat="server" Text="検索" />

                &nbsp;<asp:TextBox ID="txtName" runat="server" BorderStyle="None"></asp:TextBox>

                &nbsp;<br />

                <br />

                <asp:Label ID="lblOther" runat="server"></asp:Label>&nbsp;




                <asp:Button ID="btnTrigger" runat="server" Style="visibility: hidden" Text="Button" />




            </ContentTemplate>

        </asp:UpdatePanel>

    </form>

</body>

</html>




Partial Class _Default

    Inherits System.Web.UI.Page



    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) _

    Handles Me.Load

        If Not IsPostBack Then

            Call OutputJavaScript()




            Me.btnSearch.Attributes("onclick") = "javascript:OpenPopup();"




            'ReadOnly=Trueに設定されたテキストボックスにJavaScriptから設定した値が

            'PostBack時に値が消去されてしまうバグの回避

            'http://support.microsoft.com/kb/917733/ja

            'デザイナではReadOnly=FalseにしておきJavaScriptよりReadOnlyを設定する。

            Me.txtName.Attributes.Add("readOnly", "readOnly")

        End If

    End Sub




    Protected Sub txtCode_TextChanged(ByVal sender As Object, ByVal e As System.EventArgs) _

    Handles txtCode.TextChanged

        Me.lblOther.Text = CInt(Me.txtCode.Text).ToString("D5") & ":" & Me.txtName.Text & "  ～Set From TextChanged～"

    End Sub




    Private Sub OutputJavaScript()

        Dim str As New System.Text.StringBuilder

        With str

            .Append(vbCrLf & "  window.onunload = subWin_UnLoad;")

            .Append(vbCrLf & "  subWin = new Array();")




            .Append(vbCrLf & "  function subWin_UnLoad(){")

            .Append(vbCrLf & "      for (field in subWin) {")

            .Append(vbCrLf & "          if (subWin[field].closed) {")

            .Append(vbCrLf & "              continue;")

            .Append(vbCrLf & "          }")

            .Append(vbCrLf & "          subWin[field].close();")

            .Append(vbCrLf & "      }")

            .Append(vbCrLf & "  }")




            .Append(vbCrLf & "  function OpenPopup(){")

            .Append(vbCrLf & "      javascript:subWin[0] = window.open('Popup.aspx','Popup','menubar=no,toolbar=no,location=no,directories=no,status=yes,scrollbars=yes,resizable=yes,width=500,height=500,top=100,left= 50');")

            .Append(vbCrLf & "      subWin[" & 0 & "].focus();")

            .Append(vbCrLf & "  }")




            .Append(vbCrLf & "  function SetPopupResult(cd,name){")

            .Append(vbCrLf & "      document.getElementById('" & Me.txtCode.ClientID & "').value = cd;")

            .Append(vbCrLf & "      document.getElementById('" & Me.txtName.ClientID & "').value = name;")





            '--UpdatePanelを更新させるために、UpdatePanel更新トリガーのボタンクリックを行う

            .Append(vbCrLf & "      document.getElementById('" & Me.btnTrigger.ClientID & "').click();")




            .Append(vbCrLf & "  }")

        End With

        ClientScript.RegisterStartupScript(Me.GetType(), "JavaScript", str.ToString, True)





    End Sub




    

End Class



Popup.aspx
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Popup.aspx.vb" Inherits="Popup" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>無題のページ</title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        &nbsp;<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">

            <Columns>

                <asp:ButtonField Text="選択" />

                <asp:BoundField DataField="CD" HeaderText="コード">

                    <HeaderStyle Width="100px" />

                </asp:BoundField>

                <asp:BoundField DataField="Name" HeaderText="名称">

                    <HeaderStyle Width="100px" />

                </asp:BoundField>

            </Columns>

        </asp:GridView>

    

    </div>

    </form>

</body>

</html>


Imports System.Data




Partial Class Popup

    Inherits System.Web.UI.Page




    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) _

    Handles Me.Load

        Call OutputJavaScript()

        Me.GridView1.DataSource = CreateData()

        Me.GridView1.DataBind()

    End Sub




    Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) _

    Handles GridView1.RowDataBound

        If e.Row.RowType = DataControlRowType.DataRow Then

            Dim rowData As DataRowView = DirectCast(e.Row.DataItem, DataRowView)

            e.Row.Cells(0).Attributes.Add("OnClick", String.Format("javascript:ReturnSelect('{0}','{1}');", rowData("CD").ToString, rowData("NAME").ToString))

        End If

    End Sub




    Private Function CreateData() As DataTable

        Dim dt As New DataTable

        dt.Columns.Add(New DataColumn("CD", GetType(Integer)))

        dt.Columns.Add(New DataColumn("NAME", GetType(String)))




        For i As Integer = 1 To 10

            dt.Rows.Add(New Object() {i, "Name" & i.ToString})

        Next

        Return dt

    End Function




    Private Sub OutputJavaScript()

        Dim str As New System.Text.StringBuilder

        With str

            .Append(vbCrLf & "function ReturnSelect(cd,name){")

            .Append(vbCrLf & "  window.opener.SetPopupResult(cd,name);")

            .Append(vbCrLf & "  window.close();")

            .Append(vbCrLf & "}")

        End With

        ClientScript.RegisterStartupScript(Me.GetType, "JavaScript", str.ToString, True)


    End Sub

End Class
時刻: 0 件のコメント:
ラベル:

.NET　DataTableの集約計算を行う（Compute）

datatableの集約計算を行うにはDataTable.Compute メソッドを使用します。

Dim As Object 

'最大値を求める
value = datatable.Compute("Max(集計列名)", Nothing)

'最小値を求める
value = datatable.Compute("Min(集計列名)", Nothing)

'合計値を求める
value = datatable.Compute("Sum(集計列名)", Nothing)

'平均値を求める
'2014/07/09　平均はAveではなくAvgとのご指摘をいただきました。
'value = datatable.Compute("Ave(集計列名)", Nothing) 
value = datatable.Compute("Avg(集計列名)", Nothing)

'行数を求める
value = datatable.Compute("Count(集計列名)", Nothing)

'抽出条件を指定して、該当データの合計値を求める
value = datatable.Compute("SUM(集計列名)", "抽出列名 = 1")

value = datatable.Compute("SUM(集計列名)", "抽出列名 = 1 or 抽出列名 = 2")

value = datatable.Compute("SUM(集計列名)", "100 < 抽出列名 and 抽出列名 < 1000")

'datatableに行がない場合、Computeの結果はNothingになります
【関連項目】
DataTableをグループ化し集計するには
DataTableから重複を除くには
時刻: 2 件のコメント:
ラベル:

正規表現　3桁区切りされた数値

3桁区切りされた数値6桁以内の場合

^(0|([1-9][0-9]{0,2}(,[0-9]{3}){0,1}))$


3桁区切りされた数値9桁以内の場合

^(0|([1-9][0-9]{0,2}(,[0-9]{3}){0,2}))$


3桁区切りされた数値n桁の場合

^(0|([1-9][0-9]{0,2}(,[0-9]{3}){0,}))$


上記に加え空値を許可する場合

^(|0|([1-9][0-9]{0,2}(,[0-9]{3}){0,1}))$
^(|0|([1-9][0-9]{0,2}(,[0-9]{3}){0,2}))$
^(|0|([1-9][0-9]{0,2}(,[0-9]{3}){0,}))$


なおかつ桁区切りされていないものも許可する場合

^(|0|([1-9][0-9]{0,2}(,?[0-9]{3}){0,1}))$
^(|0|([1-9][0-9]{0,2}(,?[0-9]{3}){0,2}))$
^(|0|([1-9][0-9]{0,2}(,?[0-9]{3}){0,}))$
時刻: 0 件のコメント:
ラベル:

正規表現　位置指定子


記号意味
^最初にマッチ
$最後にマッチ
時刻: 0 件のコメント:
ラベル:

正規表現　量指定子


記号意味
*0回以上にマッチ
+1回以上にマッチ
?0回、1回にマッチ
{m}m回にマッチ
{m,}m回以上にマッチ
{m,n}m回以上、n回以下にマッチ
時刻: 0 件のコメント:
ラベル:

正規表現　文字クラス


略記法文字クラス意味
¥d[0-9]数字
¥D[^0-9]数字以外
¥w[a-zA-Z0-9_]ルファベット、数字、下線
¥W[^a-zA-Z0-9_] アルファベット、数字、下線以外
¥s[¥r¥t¥n¥f]空白文字（スペース、復帰文字、タブ、改行文字、ラインフィード）
¥S[^¥r¥t¥n¥f]空白文字以外
時刻: 0 件のコメント:
ラベル:

ASP.NET　ReadOnly=Trueに設定されたTextBoxにJavaScriptから値を設定し、PostBackすると設定した値が消える

ReadOnly=Trueに設定されたテキストボックスにJavaScriptから値を設定しPostBackすると、設定した値が消去されてしまうバグの回避方法

ASP.NET2.0 Web アプリケーションの TextBox コントロールの値を更新するために、クライアント側スクリプトを使用すると、 TextBox コントロールの検証は、失敗することがあります。

デザイナではReadOnly=Falseにしておき
Page_LoadイベントなどでJavaScriptよりReadOnlyを設定する。

Me.TextBox1.Attributes.Add("readOnly", "readOnly")
時刻: 1 件のコメント:
ラベル:

ASP.NET　JavaScriptからラベルコントロールに値を設定する 

Dim js As New System.Text.StringBuilder
With js
.Append("var doc = documnet;")
.Append("var value = 1;")
.Append("var label = doc.getElementById('" & Me.Label1.ClientID & "');")
.Append("label.innerHTML = value;")
End With
時刻: 0 件のコメント:
ラベル:
登録: 投稿 (Atom)
  • .NET　DataTableをグループ化し集計するには
    DataTableから重複を除くには と DataTableの集約計算を行う（Compute） を利用して、DataTableをグループ化し集計を行います。 以下のようなデータが入ったDataTableから、Field1とField2で重複を取り除き集計をおこないます。...
  • PLSQL SELECTの結果を取得する～取得結果が複数行の場合～
    前回「 PLSQL SELECTの結果を取得する ～取得結果が1行の場合～ 」に続き 今回はSELECTの結果が複数行の場合です。 SELECTの結果が複数行の場合はカーソルを使用します。 カーソルとは SELECTの結果セットに対して、1行ずつデータを取り出し、順次...
  • .NET　DataTableの集約計算を行う（Compute）
    datatableの集約計算を行うにはDataTable.Compute メソッドを使用します。 Dim As Object '最大値を求める value = datatable.Compute("Max(集計列名)", Nothing) ...