这篇文章将为大家详细讲解有关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显示图二
(2)当选中右边的图片时,会出现一个下拉框,即把隐藏的div呈现出来,可以看到其初始化为隐藏,.看下图
ASP.NET控件开发技巧之ComboBox显示图三
两个组合在一起就形成了一个ComboBox控件。
关于“ASP.NET中ComboBox怎么显示”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。