网站建设资讯

NEWS

网站建设资讯

ASP.NET中ComboBox怎么显示

这篇文章将为大家详细讲解有关ASP.NET中ComboBox怎么显示,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联专注于山亭企业网站建设,响应式网站设计,购物商城网站建设。山亭网站建设公司,为山亭等地区提供建站服务。全流程按需设计网站,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

ASP.NET控件开发技巧之ComboBox显示是如何的呢?首先让我们来看看效果图:

先看下效果

ASP.NET中ComboBox怎么显示

ASP.NET控件开发技巧之ComboBox显示图一

ComboBox特性:

与DropDownList相比,可以自己输入文本,但HTML未提供这样的标签,所以只能利用现有的标签来模拟.

上面为截图,让我们来看下生成的HTML代码,此部分为局部代码.包含了两个集合

﹤table id="ComboBox2" class="comboBox" cellpadding="0" cellspacing="0"   onmouseout="ComboBox2.HandleInputMouseOut()"    onmouseover="ComboBox2.HandleInputMouseOver()" style="display:inline-block;width:200px;"﹥  ﹤tr﹥  ﹤td width="100%" id="ComboBox2_TextBox"﹥   ﹤input id="ComboBox2_Input" name="ComboBox2_Input" autocomplete="off"    onsubmit="return false;" type="text"    class="comboTextBox" onfocus="ComboBox2.HandleFocus()"    onblur="ComboBox2.HandleBlur(event)"    onkeydown="ComboBox2.HandleKeyPress(event,this)" style="display:none;" /﹥﹤/td﹥   ﹤td﹥   ﹤img onmouseup="ComboBox2.HandleDropMouseUp(event,this)"    onmousedown="ComboBox2.HandleDropClick(event,this)" src="images/drop.gif"    id="ComboBox2_DropImage" style="display:block;" /﹥﹤/td﹥  ﹤/tr﹥  ﹤/table﹥  ﹤div class="comboDropDown" id="ComboBox2_DropDown" style="display:none;"﹥  ﹤table cellpadding="0" cellspacing="0" border="0" width="100%"﹥  ﹤tr﹥  ﹤td﹥﹤div id="ComboBox2_DropDownContent" onscroll="ComboBox2.HandleScroll(event,this)"            onmousedown="ComponentArt_CancelEvent(event)"    onmouseup="ComboBox2.HandleMouseUp(event,this)"﹥   ﹤/div﹥﹤/td﹥  ﹤/tr﹥  ﹤/table﹥  ﹤/div﹥

(1)一个table  里面存在着一个文本框和一个图片,看下图

ASP.NET中ComboBox怎么显示

ASP.NET控件开发技巧之ComboBox显示图二

(2)当选中右边的图片时,会出现一个下拉框,即把隐藏的div呈现出来,可以看到其初始化为隐藏,.看下图

ASP.NET中ComboBox怎么显示

ASP.NET控件开发技巧之ComboBox显示图三

两个组合在一起就形成了一个ComboBox控件。

关于“ASP.NET中ComboBox怎么显示”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


名称栏目:ASP.NET中ComboBox怎么显示
文章转载:http://cdweb.net/article/pegidd.html