FormViewのEditItemTemplateに配置したボタンへのjavascript組み込み

2023/08/09 00:35

このQ&Aのポイント

VBでaspxを利用しシステムを開発していますが、次のような現象が発生し困っています。
FormViewのFormView1_ModeChangedにてイベントを拾い、「hello」ボタンにjavascriptを組み込もうとしていますが、この時点では「hello」ボタンのインスタンスが生成おらず、『オブジェクト参照がオブジェクトインスタンスに設定されていません。』のエラーになってしまいます。
EditItemTemplateに配置したボタンにプログラムでjavascriptを組み込みたいのですが、どなたか解決方法をご存知な方がいましたら、ご教示願いします。

ベストアンサー

FormViewのEditItemTemplateに配置したボタンへのjavascript組み込み

2009/09/08 16:20

はじめましてセバといいます。 VBでaspxを利用しシステムを開発していますが、次のような現象が発生し困っています。仕様 1.FormviewのItemTemplateに配置している「edit_Chage」ボタンで FormviewをEditmodeに変更します。 2.FormviewのEditItemTemplateには「hello」ボタンを配置し、ボタン押下時にjavascriptを起動します。問題点 FormviewのFormView1_ModeChangedにてイベントを拾い、「hello」ボタンにjavascriptを組み込もうとしていますが、この時点では「hello」ボタンのインスタンスが生成おらず、『オブジェクト参照がオブジェクトインスタンスに設定されていません。』のエラーになってしまいます。サンプルプログラム /////////////////////////////// Default.aspx <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <!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> </div> <asp:FormView ID="FormView1" runat="server" DataSourceID="SqlDataSource1"> <EditItemTemplate> tmp1: <asp:TextBox ID="tmp1TextBox" runat="server" Text='<%# Bind("tmp1") %>' /> <asp:Button ID="Button1" runat="server" Text="hello" /> <br /> <asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" CommandName="Update" Text="更新" />  <asp:LinkButton ID="UpdateCancelButton" runat="server" CausesValidation="False" CommandName="Cancel" Text="キャンセル" /> </EditItemTemplate> <InsertItemTemplate> </InsertItemTemplate> <ItemTemplate> tmp1: <asp:Label ID="tmp1Label" runat="server" Text='<%# Bind("tmp1") %>' /> <br /> <asp:Button ID="Button2" runat="server" CommandName="edit" Text="edit_Chage" /> </ItemTemplate> </asp:FormView> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:testConnectionString %>" SelectCommand="SELECT [tmp1] FROM [tmpTBL]"> </asp:SqlDataSource> </form> </body> </html> /////////////////////////////// Default.aspx.vb Partial Class _Default Inherits System.Web.UI.Page Protected Sub FormView1_ModeChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles FormView1.ModeChanged '「Hello」ボタンへのjavascript組み込み If FormView1.CurrentMode = FormViewMode.Edit Then Dim btn As Button btn = CType(FormView1.FindControl("Button1"), Button) Dim sbScript As New System.Text.StringBuilder() sbScript.Append("alert('Hello')") btn.Attributes("onclick") = sbScript.ToString() End If End Sub End Class //////////////////////// また、「Hello」ボタンのインスタンスを強制的に作ろうと、 Default.aspx.vbにFormView1.DataBind()を組み込みましたが、インスタンスは生成されたものの、 onclickタグは生成されませんでした。 If FormView1.CurrentMode = FormViewMode.Edit Then Dim btn As Button FormView1.DataBind() <--- ここに追加 btn = CType(FormView1.FindControl("Button1"), Button) EditItemTemplateに配置したボタンにプログラムでjavascriptを組み込みたいのですが、どなたか解決方法をご存知な方がいましたら、ご教示願いします。

SeBattchi
お礼率100% (1/1)

Microsoft ASP
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

tochansa
ベストアンサー率76% (23/30)

2009/09/09 18:15 回答No.1

FormView1.ModeChangedのタイミングではなく、FormView1.PreRenderのタイミングで組み込んでみてはいかがでしょう？おそらく、いけると思います。

質問者

お礼 2009/09/10 08:33

tochansa様回答ありがとうございます。 FormView1.PreRenderイベントに組み込んだ結果、思い通りの振る舞いになりました。 PreRenderは、表示を開始する前に発生するイベントなんですね。どうもありがとうございました。

関連するQ&A

ボタンの配置
初心者の問題ですが。。ページの中央にボタン配置したいときはどのタグ使うでしょうか。 <asp:Button id="cmdSubmit" style="Z-INDEX: 105; LEFT: 100px; POSITION: absolute; TOP: 400px"runat="server" Text="送信" Width="128px"></asp:Button> <asp:Button id="cmdCancel" style="Z-INDEX: 106; LEFT: 350px; POSITION: absolute; TOP: 400px"runat="server" Text="キャンセル" Width="128px"></asp:Button> LEFTのところcenterに変えてみたんですがだめでした。。。教えてください。よろしくお願いします。
- 締切済み
- Microsoft ASP
FormView から別画面でカレンダーを開き、値を前の画面に戻したい
以下の環境で開発を行っております。 Windows XP(Professional) Visual Web Developer 2008 Express Edition Internet Explorer 8 【質問】 FormView ではなくて Form から別画面でカレンダーを開き値を戻す事はできたのですが、FormView を使った画面からデータを戻すことができず、エラーがでてしまいます。構文が間違っているのでしょうか？【test.aspx】 <html> <head> <title>日付テスト</title> <script language="javascript" type="text/javascript"> function calendarPicker(strField) { window.open('DatePicker.aspx?field=' + strField, 'calendarPopup', 'width=250,height=220,resizable=yes'); } </script> </head> <body> <form id="Form1" method="post" runat="server"> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionStrings %>"> </asp:SqlDataSource> <asp:FormView ID="FormView1" runat="server" DataSourceID="SqlDataSource1"> <ItemTemplate> 日付:<asp:TextBox ID="TextBox" runat="server" style="text-align: center"></asp:TextBox> <a href="javascript:;" onclick="calendarPicker('Form1.FormView1.TextBox');">▼</a><br /> </ItemTemplate> </asp:FormView> </form> </body> </html> 【DatePicker.aspx.vb】 Private Sub Calendar1_DayRender(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DayRenderEventArgs) Handles Calendar1.DayRender e.Cell.Controls.Clear() Dim Link As System.Web.UI.HtmlControls.HtmlGenericControl Link = New System.Web.UI.HtmlControls.HtmlGenericControl Link.TagName = "a" Link.InnerText = e.Day.DayNumberText Link.Attributes.Add("href", String.Format("JavaScript:window.opener.document.{0}.value = '{1:d}'; window.close();", Request.QueryString("field"), e.Day.Date)) If e.Day.IsSelected Then Link.Attributes.Add("style",Me.Calendar1.SelectedDayStyle.ToString()) End If e.Cell.Controls.Add(Link) End Sub
- 締切済み
- Microsoft ASP
クリックしたボタンのIDの取得
あるプログラムをASP.NETとC#で作っています。 ASP側に、 <asp:ImageButton ID="btn1" runat="server" onclick="btn_Click" /> <asp:ImageButton ID="btn2" runat="server" onclick="btn_Click" /> <asp:Label ID="label1" runat="server" Text=""></asp:Label> とある場合に、btn1とbtn2、押された方のID名をlabel1に表示するには、btn_Clickイベントにはどう書けば良いでしょうか？
- ベストアンサー
- Microsoft ASP
【ASP.NET】マスターページに配置されたボタンのイベントを拾いたい
※こちらの派生です。 http://oshiete1.goo.ne.jp/qa5222698.html マスターページに配置したボタンのクリックイベントをコンテンツページ(？マスターページを使用するページ)で拾うことは可能でしょうか？もしくは、マスターページに配置したボタンのクリックイベントの処理をコンテンツページで実装することは可能でしょうか？ボタンの配置は同じだけれど、メソッドの中の処理はコンテンツページ毎に分けたいのです。例えばマスターページ「hoge」とコンテンツページ「moge」があったとすると以下のような感じです…。 --------------------------------------------------------------------------- ============== hoge.Master ============== <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="hoge.master.cs" Inherits="xxx.hoge" %> <asp:Content ID="Content3" ContentPlaceHolderID="FooterContentPlaceHolder" runat="server"> <asp:Button ID="btn" runat="server" Text="ぼたん" onclick="btn_Click" /> </asp:Content> ============== hoge.Master.cs ============== protected void btn_Click(object sender, EventArgs e) { // ここではなく } ============== moge.aspx ============== <%@ Page Language="C#" MasterPageFile="～/hoge.Master" AutoEventWireup="true" CodeBehind="moge.aspx.cs" Inherits="xxx.moge" Title="もげ" %> ============== moge.aspx.cs ============== protected void btn_Click(object sender, EventArgs e) { // ここにボタンが押された際の処理を実装したい } --------------------------------------------------------------------------- よろしくお願い致します。
- ベストアンサー
- Microsoft ASP
ASP.NET WEBアプリケーションで作成されたページより他の既存ペ
ASP.NET WEBアプリケーションで作成されたページより他の既存ページへデータを投げたいと考えているのですがセキュリティ上難しいのでは？と考えています。しかし、なんとか代替案がないかと思っておりどなたかヒントをいただけないでしょうか？ <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> <asp:TextBox ID="TextBox3" runat="server" Height="72px" TextMode="MultiLine" Width="651px"></asp:TextBox> <br /> <asp:Button ID="Button1" runat="server" Text="Button" />   <asp:Button ID="Button2" runat="server" Text="Button" /> <br /> <br /> <asp:Label ID="Label1" runat="server"></asp:Label> 例えばこんな簡単なaspxのページで構成されているとします。テキストボックスに入れた値を既存のWEBページ（Yahooへのログインだとか）へ入れ込みたいのですが・・・クライアントにスクリプトで作ってとかなら余裕で出来ると思うのですがサーバサイドで仕込むことは難しいでしょうか？回避策とかもあるとなおうれしいのですが・・・よろしくお願いします。
- ベストアンサー
- Visual Basic
Buttonの処理について
aspのButtonの処理をクライアント側（javascript）だけで実行出来ますか？出来る場合、どのような記述をすればいいでしょうか？ <asp:Button ID="btnHenko" runat="server" Text="実行" OnClientClick=" btn_Click" UseSubmitBehavior="false" だけ記述したところ、サーバー側の処理が走ってしまいます。
- ベストアンサー
- Microsoft ASP
c#側でラジオボタンのチェックを入れたい
VS2010 で、aspx画面のラジオボタンのチェックを動的に設定したいのですが以下の場合、c# 側で "rb2" にチェックをＯＮにすることは可能でしょうか？可能な場合、どう記述すればいいのでしょうか？ aspx側 <asp:RadioButton ID="rb1" runat="server" Text="XXX" GroupName="service" /> <asp:RadioButton ID="rb2" runat="server" Text="YYY" GroupName="service" /> cs#側 public ActionResult XYZ() { ここで rb2 にチェックを入れたい return View(); }
- 締切済み
- Microsoft ASP
x.aspxとx.aspx.vbの値の受渡について
asp.net4で開発を実施しております。 FormViewを使ってデータの登録を行おうとしております。 form1.aspx.vbで設定した変数を、form1.aspx側のsqlにて使いたいと思っているのですが、どのようにすればよいでしょうか？【form1.aspx.vb】 sub aaa = 1 end sub 【form1.aspx】： <asp:SqlDataSource ID="SqlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:DB1ConnectionString %>" DeleteCommand="UPDATE Table1 SET [Flg1] = @aaa WHERE [CD] = @CD" <DeleteParameters> <asp:Parameter Name="CD" Type="String" /> <asp:Parameter Name="aaa" Type="String" DefaultValue="<%= aaa %>" /> のように作ってみたのですが、うまくいきません。どの様にすればよいのかご教示いただければと思います。　よろしくお願い致します。
- 締切済み
- Microsoft ASP
javascriptであるボタンを押すと他のボタンの表記が変わるというプログラムをつくりたいのですが。
モと表示された１個のボタンと穴と表示された２個のボタンを用意する。モのボタンをクリックするとそのボタンの法事は穴に変わり、残り２つの穴のどれかがモに変わる。穴のボタンをクリックされても何も変わらないプログラムをつくりたいのです。最初の状態からモをクリックして他のボタンを変化させることはなんとかできたのですが、そのあと移動したモをおしても同じことをできるようにするのができなくて困ってます。あと、できたらモを押して２つの穴のどちらかがモにかわるとき穴からモにかわるボタンは左側のもの、とかは決まってないでランダムだとうれしいです＞＜おねがいします！！！全然違うかもしれませんが、つくってみたのものっけておきます <html> <head> <title></title> <script type="text/javascript"> var moFlg = true; function func(){ if (moFlg) { document.getElementById("btn01").innerHTML = "穴"; document.getElementById("btn02").innerHTML = "モ"; document.getElementById("btn03").innerHTML = "穴"; moFlg = !moFlg; } else { document.getElementById("btn01").innerHTML = "穴"; document.getElementById("btn02").innerHTML = "穴"; document.getElementById("btn03").innerHTML = "モ"; moFlg = !moFlg; } } </script> </head> <body> <button id="btn01" type="button" " onClick="func()"> モ </button> <button id="btn02" type="button" " onClick=""> 穴 </button> <button id="btn03" type="button" " onClick=""> 穴 </button> </body> </html> ここまでです。でもできたら<input type ～ button　～ onClick>とかがつかわれているとうれしいです。
- ベストアンサー
- JavaScript
ASP
ASPのNETのButtonコントロールについて for文で <asp:Button ID="Button3" runat="server" onclick="SubmitBtn_Click" Text="注文する" Width="110px"/> を繰り返して複数個のボタンを作ったのですがそれぞれ個別した動作を設定できずどのボタンを押しても同じ動きしかしてくれません。なんとか別々に動作を決定することはできないんでしょうか？
- ベストアンサー
- Microsoft ASP