2016-08-16 4 views
0

У меня есть модальное всплывающее окно начальной загрузки, которое привязало данные к выпадающему списку asp.net (внутри модального). Теперь я хочу сохранить выбранное значение в базе данных. Моя проблема заключается в том, что выбранное значение выпадающего меню не передается на странице aspx.cs (code behind).Bootstrap Modal Popup

+0

это элемент управления ASPX с RUNAT = "сервер"? отправить код – JDro04

+1

Можете ли вы показать небольшой код? – Mark

+0

Да, это управление aspx с runat = "server" –

ответ

0

Где вы связываете выпадающее меню в режиме загрузки страницы? напишите код, как указано ниже в aspx.cs

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

В модели всплывающих окон нет проблем.

+0

Да, выпадающие данные, связанные с загрузкой страницы, как показано здесь в вашем коде @ Adhik –

1

Трудно сказать, в чем проблема, потому что вы не разместили какой-либо код в своем вопросе, так что вот полный рабочий пример элемента управления DropDownList внутри всплывающего окна Bootstrap, надеясь, что он вам поможет.

Код позади:

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> 
+0

Hi Denis, Спасибо, ваш пример работает. Я реализовал его в своем коде, но мой dropDrown может передать первый элемент элемента dropDown. Он не может передать другие элементы в код за страницей. Итак, Любые предложения, пожалуйста? –

+0

Вам нужно обернуть код, который заполняет DDL внутри 'if (! Page.IsPostBack) {}' скопируйте мой пример, как есть на новой странице .aspx и протестируйте его, вы увидите, что он работает. Как только вы это сделаете это настраивает ваш код соответственно, чтобы он работал –

Смежные вопросы