分享一个可下拉也可输入的控件(添加截图和示例代码)

相信有不少朋友在工作中，会碰到需要一个可下拉选择，也可手动输入的控件。也就是貌似下拉列表和文本框的组合。

近日，我在工作中也碰到，并且在网上搜到了有jquery实现的插件。为了方便使用，我把它封装成了WebControl。

点击此处下载：/Files/McJeremy/ComboxTextBox.rar

示例程序点击此处下载：/Files/McJeremy/WebApplication1.rar

示例截图：

 

 

使用方法：

  1、将压缩包里的ComboxTextBox.cs加入你的项目或控件库中，并编辑。

      --ComboxTextBox有如下配置属性

       CssPath:控件使用的样式文件路径,为了统一，控件的样式名固定为ComboxTextBoxClass,编写样式文件时需要注意，控件使用input type=\"text\"呈现

       ComboxPluginPath:所引用的 JQuery combox插件文件路径(可为空，为空时，必须要在页面中放置 JQuery combox文件的引用)

       JQueryPath:所引用的 JQuery文件路径(可为空，为空时，必须要在页面中放置jquery文件的引用)

       SelectDatas:可供下拉选择的值，多值之间用"|"号分隔，如 china|usa|russia

       Text:获取或设置控件的值

     --ComboxTextBox可触发数据更改事件,事件定义为：public event EventHandler TextChanged;

  2、将压缩包里的ComboxTextBox文件夹加入你的web项目中。

  3、在需要使用该控件的地方加入控件代码，如：
       

 

<cc1:ComboxTextBox ID="testCTB" CssPath="http://www.cnblogs.com/JS/ComboxTextBox/jquery.combobox.css"
                        JQueryPath="" ComboxPluginPath="http://www.cnblogs.com/JS/ComboxTextBox/jquery.combobox.js" 
                        SelectDatas="China|Usa|Russia" runat="Server" />


//获取选择或填写的值，可通过Text属性,如：testCTB.Text