65.9K
CodeProject 正在变化。 阅读更多。
Home

下拉文本框

starIconstarIconstarIcon
emptyStarIcon
starIcon
emptyStarIcon

3.63/5 (7投票s)

2012 年 2 月 1 日

CPOL

1分钟阅读

viewsIcon

54220

downloadIcon

3495

带下拉列表的自定义文本框。

引言

如果您是一位 .Net 开发者,您可能会注意到 WinForm ComboBox 和 WebForm DropDownList 在功能上存在重要的差异。WinForm 的 ComboBox 允许用户输入自定义项,如果用户在组合列表中找不到所需的项。然而,WebForm 的 DropDownList 缺少此功能。为了使 WebForm DropDownList 像 WinForm ComboBox 一样灵活,我决定为 WebForm 构建一个 DropdownTextBox,使其具有类似于 WinForm ComboBox 的功能。

使用代码

您可以下载上面的 zip 文件并立即使用它。该 zip 文件包含一个演示网页和源代码。由于代码非常简单明了,我不想在这里写一篇冗长的解释。如果您想在下载之前查看实时演示,可以访问 我的另一篇博客

本质上,DropdownTextBox 是由 TextBox、ListBox 和 AjaxControlToolkit 的 PopupControlExtender 组合而成的。演示使用了 AjaxControlToolkit for .Net4.0,但 AjaxControlToolkit for .Net3.5 也能正常工作。在我的演示项目中,控件 ID 分别是 TextBox1、ListBox1 和 PopupControlExtender1。为了使 DropdownTextBox 正常工作,您还需要添加以下代码:

    Private Sub ListBox1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles ListBox1.SelectedIndexChanged
        TextBox1.Text = ListBox1.SelectedValue
        Me.PopupControlExtender1.Commit(ListBox1.SelectedValue)
    End Sub

关注点

TextBox 和 DropDownList 在 ASP.Net 开发中都非常有用。这个 DropdownTextBox 是这两个有用控件的组合,因此用户可以输入自定义项或从下拉列表中选择一个项。

历史

这是第一个版本。

© . All rights reserved.