分享一個可下拉也可輸入的控制項(添加截圖和範例程式碼)

相信有不少朋友在工作中，會碰到需要一個可下拉選擇，也可手動輸入的控制項。也就是貌似下拉式清單和文字框的組合。

近日，我在工作中也碰到，並且在網上搜到了有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