ユーザーコントロールとしてのModalPopUp ASP.NET C＃

コントロールとしてModalPopUpを構築しようとしています。そのHAVE論文コントロール：ユーザーコントロールとしてのModalPopUp ASP.NET C＃

TextBox - フィルタ
Buttonのプレースホルダ - 検索ボタン
Button - 結果に

<ajax:toolkitscriptmanager id="searchPopUp" runat="server"></ajax:toolkitscriptmanager> 
<asp:Panel 
    BackColor="White" 
    ID="searchPanel" 
    CssClass="modalPopup" 
    runat="server" 
    Style="display: table"> 

    <div class="myContainer"> 
     <uc1:ScreenSearch 
      runat="server" 
      ID="mySearch" /> 

     <asp:Button ID="btnToHide" runat="server" Text="Tohide" Style="display: none" /> 
     <asp:Button ID="btnToShow" runat="server" Text="ToShow" Style="display: none" /> 
    </div> 
    </asp:Panel> 

<ajax:ModalPopupExtender 
    ID="ModalPopUpSearch" 
    runat="server" 
    TargetControlID="btnToShow" 
    PopupControlID="searchPanel" 
    CancelControlID="btnToHide" 
    DropShadow="true" 
    BackgroundCssClass="modalBackground"> 
</ajax:ModalPopupExtender>

を表示するには - ボタン

GridViewをキャンセル

の背後にあるコード：とGridView：uc1:ScreenSearch

protected void Page_Load(object sender, EventArgs e){...} 

protected void fillGridView() 
     { 
      myDao dao = new myDao(); 

      DataSet ds = new DataSet(); 
      ds = dao.retornarPesquisa(txtFilter.Text); //return data source 
      DataTable dt = new DataTable(); 

      gv.DataSource = ds; 
      gv.DataBind(); 
     }

uc1:ScreenSearchTextBox、Buttonを（fillGridView()メソッドの呼び出し検索を実行）が含まれて私のコントロールです。

検索を実行すると、GridViewをバインドします。このGridView私のユーザーコントロールの結果を得る最良の方法は何ですか？

出典

2016-07-30 Eduardo de Santana

は、検索のために私達にあなたのコードを表示することができますか？ – jonju

私はそれを置いた。 –

検索ボタンの自動ポストバックがtrueに設定されていることを確認します。また、検索ボタンがgridviewコントロール内にあるので、gridview_itemchangedイベントの検索ボタンクリックイベントも取得します。うまくいくだろう

出典

2016-07-30 03:22:19

あなたのコードを投稿していないので、なぜそれが動作していないのかわかりません.Belowは、ブートストラップのモーダルポップアップを表示する実例です - >ユーザが検索を許可する - >結果を表示する背後

コード：

public class Person 
{ 
    public string Name { get; set; } 
    public string Surname { get; set; } 
} 

public partial class ModalPopupFromGridView : System.Web.UI.Page 
{ 
    protected void Page_Load(object sender, EventArgs e) 
    { 
    } 

    protected void btnSearch_Click(object sender, EventArgs e) 
    { 
     //Use txtSearch.Text to lookup the data you want to bind to the GridView, mine is hardcoded for the sake of simplicity 
     var p1 = new Person { Name = "Name 1", Surname = "Surname 1" }; 
     var p2 = new Person { Name = "Name 2", Surname = "Surname 2" }; 
     GridView1.DataSource = new List<Person> { p1, p2 }; 
     GridView1.DataBind(); 
     ScriptManager.RegisterStartupScript(this, this.GetType(), "myModal", "showPopup();", true); 
    } 
}

.ASPX：

モーダルポップアップ内部 GridView で
<head runat="server"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> <script type="text/javascript"> //It'svery important that showPopup() is outside of jQuery document load event function showPopup() { $('#myModal').modal('show'); } $(function() { $(".show").click(function() { showPopup(); }); }); </script> </head> <body> <form id="form1" runat="server"> <a href="#" class="show">Show Popup</a> <div id="myModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">Details</h4> </div> <div class="modal-body"> <asp:TextBox ID="txtSearch" runat="server"> </asp:TextBox><asp:Button ID="btnSearch" runat="server" Text="Search" OnClick="btnSearch_Click" /> <br /><br /> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false"> <Columns> <asp:BoundField DataField="Name" HeaderText="Name" /> <asp:BoundField DataField="Surname" HeaderText="Surname" /> <asp:TemplateField HeaderText="User Details"> <ItemTemplate> <a class="details" href="#" data-name='<%# Eval("Name") %>' data-surname='<%# Eval("Surname") %>'>Details</a> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> </div> </div> </div> </div> </form> </body>

出力：

出典

2016-07-30 07:55:19

私はこれがユーザーコントロールではないので、私にとっては良い解決策ではないと思います。私の場合、私はコントロールがusercontrolの中に置かれている必要があります。 –

それをユーザーコントロールにコピーします。これは簡単です –

ユーザーコントロールとしてのModalPopUp ASP.NET C＃

答えて

関連する問題