ASP.NET Textbox DropDownExtender - PullRequest
Новая
       19

ASP.NET Textbox DropDownExtender

0 голосов
/ 02 марта 2011

Как получить значение из выпадающего списка для возврата в TextBox?Следующее не работает.Вы можете выбрать элемент из списка. 

<body>
<form id="form1" runat="server">
<script type="text/javascript">
    function pageLoad() {
        //Same Width
        $get('ListBox1').style.width = $get('TextBox1').clientWidth;
    }
</script>
<ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</ajax:ToolkitScriptManager>
<div>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <ajax:DropDownExtender ID="TextBox1_DropDownExtender" DropDownControlID="ListBox1"
        runat="server" DynamicServicePath="" Enabled="True" TargetControlID="TextBox1"
        HighlightBackColor="WhiteSmoke">
    </ajax:DropDownExtender>
</div>
<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True">
    <asp:ListItem>Item 1</asp:ListItem>
    <asp:ListItem>Item 2</asp:ListItem>
    <asp:ListItem>Item 3</asp:ListItem>
</asp:ListBox>
</form>

Ответы [ 2 ]

2 голосов
/ 02 марта 2011

Вы захотите подключить событие onchange к вашему ListItem, чтобы вызвать метод JavaScript, который получает текст из выбранного элемента.Ваш код JavaScript будет выглядеть примерно так (не проверено): 

    function setOptionText()
    {
       var ddl = $get('ListBox1');
       var index = ddl.selectedIndex

       $get('TextBox1').value = ddl.options[index].value;
    }

Затем вы подключаете свой элемент управления ListBox соответствующим образом.Обратите внимание, что вам больше не нужен параметр AutoPostBack, поскольку JavaScript обрабатывает настройку текста. 

<asp:ListBox ID="ListBox1" runat="server" onchange="return setOptionText()">
1 голос
/ 02 марта 2011

Вы можете поместить текст выбранного элемента в TextBox, если добавите обработчик для события SelectedIndexChanged в ListBox:

Markup: 

<div>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>    
    <ajaxtoolkit:dropdownextender id="TextBox1_DropDownExtender" dropdowncontrolid="ListBox1"
        runat="server" enabled="True" targetcontrolid="TextBox1"
        highlightbackcolor="WhiteSmoke" />
</div>
<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ListBox_SelectedIndexChanged">
    <asp:ListItem>Item 1</asp:ListItem>
    <asp:ListItem>Item 2</asp:ListItem>
    <asp:ListItem>Item 3</asp:ListItem>
</asp:ListBox>

Код: 

protected void ListBox_SelectedIndexChanged(object sender, EventArgs e)
{
    TextBox1.Text = ListBox1.SelectedItem.Text;
}

Однако это может стать действительно проблематичным для управления, если у вас есть несколько TextBoxes, Extenders и ListBoxes на странице, поэтому вы можете рассмотреть возможность объединения TextBox, Extender и ListBox вместе в UserControl.

...