데이터 상자의 데이터를 선택 상자에 바인딩하는 방법

Question

데모를 찾았습니다 Dual Listbox jQuery Plug-in 하지만 어떻게 데이터 테이블의 데이터를 선택 상자에 바인딩 할 수 있는지 잘 모릅니다. 도와 줄수있으세요!

Answer 1

ASP.Net에서 선택 상자는 DropDownLists라고합니다. 그들은 이런 식으로 채울 수 있습니다 :

DropDownList1.DataSource = dataTableVariable; 
DropDownList1.DataTextField = "DisplayValueColumnName"; 
DropDownList1.DataValueField = "DataValueColumnName"; 
DropDownList1.DataBind(); 

Answer 2

는 HTML select 태그에 runat="server" 속성을 추가

<select id="lbOptions" multiple="true" name="lbOptions" runat="server"></select> 

주, 아마 multiple="true" 속성에 대해 불평 할 것이다 비주얼 스튜디오,하지만 당신이 아닌 경우 "true"로 설정하면 페이지가 실패합니다. 당신에

코드 숨김,이 작업을 수행 : 그것 뿐이다

using System.Web.UI.HtmlControls; 

... 

public partial class YourForm : System.Web.UI.Page 
{ 
    protected HtmlSelect lbOptions; 

    protected void Page_Load(object sender, EventArgs e) 
    { 
    // Adding five elements for demonstrations sake... 
    for (int i = 0; i < 5; i++) 
    { 
     lbOptions.Items.Add(new ListItem("Item " + i.ToString(), i.ToString())); 
    } 
    } 
} 

을 : 페이지에 출력은 이제 다음과 같아야합니다

<select name="lbOptions" id="lbOptions" multiple="multiple"> 
    <option value="0">Item 0</option> 
    <option value="1">Item 1</option> 
    <option value="2">Item 2</option> 
    <option value="3">Item 3</option> 
    <option value="4">Item 4</option> 
</select> 

참고 ASP.NET은 "true"로 변경하는 방법 값을 올바른 "다중"값으로 되돌립니다.