ブートストラップモーダルポップアップ

私は、モーダル内のasp.netドロップダウンにデータをバインドしたブートストラップモーダルポップアップを持っています。今度は、選択した値をデータベースに保存します。私の問題は、ドロップダウンの選択された値がaspx.cs（コードビハインド）ページで渡されないということです。ブートストラップモーダルポップアップ

出典

2016-08-16 Zia_BD

であることrunat = "server" を使用しASPXコントロール？いくつかのコードを投稿 – JDro04

少しのコードを表示できますか？ – Mark

はい、runat = "server"のaspxコントロールです –

ここで、ページの読み込み方法でドロップダウンをバインドしますか？以下のaspx.csのコードを書く

private void Page_Load() 
    { 
     if (!IsPostBack) 
     { 
      // dropdown bind code 
      // OR 
      // call dropdown bind function eg. bindDropdown();   
     } 
    }

ブートストラップのモデルポップアップに問題はありません。

出典

2016-08-16 13:50:59 Adhik

はい、あなたのコードにここに示したように、ページロードにドロップダウンデータがバインドされています。@ Adhik –

あなたの質問にコードを投稿していないために問題が発生しているとは言い難いので、ここでブートストラップモーダルポップアップ内のDropDownListコントロールの完全な実例があります。背後

コード：

protected void Page_Load(object sender, EventArgs e) 
{ 
    if(!Page.IsPostBack) 
    { 
     ddlFood.Items.Add(new ListItem { Text = "Fruits", Value = "1" }); 
     ddlFood.Items.Add(new ListItem { Text = "Vegetables", Value = "2" }); 
     ddlFood.Items.Add(new ListItem { Text = "Meat", Value = "3" }); 
    } 
} 

protected void btnDone_Click(object sender, EventArgs e) 
{ 
    System.Diagnostics.Debugger.Break(); 
    string favFood = ddlFood.SelectedItem.Text; 
}

.ASPX：

<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" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button> 
     <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">&times;</button> 
         <h4 class="modal-title" id="myModalLabel">Modal Header</h4> 
        </div> 
        <div class="modal-body"> 
         Please select your favourite food group:<br /> 
         <asp:DropDownList ID="ddlFood" runat="server"></asp:DropDownList><br /> 
         <asp:Button ID="btnDone" runat="server" Text="Done" OnClick="btnDone_Click" /> 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </form> 
</body>

出典

2016-08-16 18:00:08

こんにちはDenis、ありがとうございます。私は自分のコードで実装しましたが、私のdropDrownはdropDown Itemsの最初の項目を渡すことができます。他の項目をコードビハインドページに渡すことはできません。だから、どんな提案ですか？ –

DDLを 'if（！Page.IsPostBack）{}'の中に埋め込んだコードを新しい.aspxページにコピーしてテストすると、それが動作することがわかります。これに合わせてコードを微調整しても問題なく動作するようにします –

ブートストラップモーダルポップアップ

答えて

関連する問題