开发学院 WEB开发 ASP.NET 实现可编辑下拉框的ComboBox asp.net控件方法阅读

实现可编辑下拉框的ComboBox asp.net控件方法

　2010-10-17 14:32:09　来源：WEB开发网　闂傚倸鍊风欢姘缚瑜嶈灋闁圭虎鍠栫粻顖炴煥閻曞倹瀚�

闂傚倸鍊风粈渚€骞夐敓鐘插瀭闁汇垹鐏氬畷鏌ユ煙閹殿喖顣奸柛搴＄У閵囧嫰骞掗幋婵冨亾閻㈢ǹ纾婚柟鐐灱濡插牊绻涢崱妤冃℃繛宀婁簽缁辨捇宕掑鎵佹瀸闂佺懓鍤栭幏锟�

濠电姷鏁告慨顓㈠箯閸愵喖宸濇い鎾寸箘閹规洟姊绘笟鈧ḿ褍煤閵堝悿娲Ω閳轰胶鍔﹀銈嗗笂閼冲爼鍩婇弴銏＄厪闁搞儮鏅涙禒褏绱掓潏鈺佷槐闁轰焦鎹囬弫鎾绘晸閿燂拷闂傚倸鍊风欢姘缚瑜嶈灋闁圭虎鍠栫粻顖炴煥閻曞倹瀚�　　闂傚倸鍊烽懗鑸电仚缂備胶绮〃鍛村煝瀹ュ鍗抽柕蹇曞У閻庮剟姊虹紒妯哄闁圭⒈鍋嗛惀顏囶樄闁哄本娲樼换婵婄疀閺囩姷鐛ラ梻浣哄帶婢瑰﹥绂嶅⿰鍫氣偓鏃堝礃椤忎礁浜鹃柨婵嗛婢ь喖霉閻樻瑥瀚粻楣冩煕椤愩倕鏋庨柣蹇嬪劜閵囧嫰寮村Ο鍝勫Е濡炪們鍨洪悷鈺呭箖閳╁啯鍎熼柕鍥у簻閹凤拷

核心提示：实现方法比较简单，用的是组合控件，实现可编辑下拉框的ComboBox asp.net控件方法(2)，里面包着TextBox和DropDownList，技巧在于客户端，主要原因在于不同浏览器select下拉框的下箭头区域大小不一致，使用时候也比较简单，使用js和css将input正好定位到下拉框上面，遮住下拉框的显示区域

实现方法比较简单，用的是组合控件。里面包着TextBox和DropDownList。技巧在于客户端。使用js和css将input正好定位到下拉框上面，遮住下拉框的显示区域，只留下下箭头区域。ie6下还得使用iframe来遮挡select.经测试在ie6先显示完美。ie8,获取显示有点小问题。仔细校对下可以修改过了，主要原因在于不同浏览器select下拉框的下箭头区域大小不一致。

使用时候也比较简单，直接操作控件的DropDownList属性和TextBox属性即可。

            ComboBox1.DropDownList.DataSource = new List<object>() { new { Text = "111", value = 1 }, new { Text = "222", value = 2 } };
            ComboBox1.DropDownList.DataTextField = "Text";
            ComboBox1.DropDownList.DataValueField = "Value";
            ComboBox1.DropDownList.DataBind();

上一页 1 2