日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
ASP.NET控件開發(fā)技巧之ComboBox顯示淺析

ASP.NET控件開發(fā)技巧之ComboBox顯示是如何的呢？首先讓我們來(lái)看看效果圖：

內(nèi)黃網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,內(nèi)黃網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為內(nèi)黃近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的內(nèi)黃做網(wǎng)站的公司定做！

先看下效果

ASP.NET控件開發(fā)技巧之ComboBox顯示圖一

ComboBox特性:

與DropDownList相比,可以自己輸入文本,但HTML未提供這樣的標(biāo)簽,所以只能利用現(xiàn)有的標(biāo)簽來(lái)模擬.

上面為截圖,讓我們來(lái)看下生成的HTML代碼,此部分為局部代碼.包含了兩個(gè)集合

 
 
 
 
    
  
  
  
  
  1. ﹤table id="ComboBox2" class="comboBox" cellpadding="0" cellspacing="0" 
    2. 
  
  
  
  
  2.  
    3. 
  
  
  
  
  3.  onmouseout="ComboBox2.HandleInputMouseOut()"   
    4. 
  
  
  
  
  4.  
    5. 
  
  
  
  
  5. onmouseover="ComboBox2.HandleInputMouseOver()" style="display:inline-block;width:200px;"﹥  
    6. 
  
  
  
  
  6. ﹤tr﹥  
    7. 
  
  
  
  
  7. ﹤td width="100%" id="ComboBox2_TextBox"﹥  
    8. 
  
  
  
  
  8.  
    9. 
  
  
  
  
  9. ﹤input id="ComboBox2_Input" name="ComboBox2_Input" autocomplete="off"   
    10. 
  
  
  
  
  10.  
    11. 
  
  
  
  
  11. onsubmit="return false;" type="text"   
    12. 
  
  
  
  
  12.  
    13. 
  
  
  
  
  13. class="comboTextBox" onfocus="ComboBox2.HandleFocus()"   
    14. 
  
  
  
  
  14.  
    15. 
  
  
  
  
  15. onblur="ComboBox2.HandleBlur(event)"   
    16. 
  
  
  
  
  16.  
    17. 
  
  
  
  
  17. onkeydown="ComboBox2.HandleKeyPress(event,this)" style="display:none;" /﹥﹤/td﹥  
    18. 
  
  
  
  
  18.  
    19. 
  
  
  
  
  19. ﹤td﹥  
    20. 
  
  
  
  
  20.  
    21. 
  
  
  
  
  21. ﹤img onmouseup="ComboBox2.HandleDropMouseUp(event,this)"   
    22. 
  
  
  
  
  22.  
    23. 
  
  
  
  
  23. onmousedown="ComboBox2.HandleDropClick(event,this)" src="images/drop.gif"   
    24. 
  
  
  
  
  24.  
    25. 
  
  
  
  
  25. id="ComboBox2_DropImage" style="display:block;" /﹥﹤/td﹥  
    26. 
  
  
  
  
  26. ﹤/tr﹥  
    27. 
  
  
  
  
  27. ﹤/table﹥  
    28. 
  
  
  
  
  28. ﹤div class="comboDropDown" id="ComboBox2_DropDown" style="display:none;"﹥  
    29. 
  
  
  
  
  29. ﹤table cellpadding="0" cellspacing="0" border="0" width="100%"﹥  
    30. 
  
  
  
  
  30. ﹤tr﹥  
    31. 
  
  
  
  
  31. ﹤td﹥﹤div id="ComboBox2_DropDownContent" onscroll="ComboBox2.HandleScroll(event,this)"   
    32. 
  
  
  
  
  32.  
    33. 
  
  
  
  
  33.         onmousedown="ComponentArt_CancelEvent(event)"   
    34. 
  
  
  
  
  34.  
    35. 
  
  
  
  
  35. onmouseup="ComboBox2.HandleMouseUp(event,this)"﹥  
    36. 
  
  
  
  
  36.  
    37. 
  
  
  
  
  37. ﹤/div﹥﹤/td﹥  
    38. 
  
  
  
  
  38. ﹤/tr﹥  
    39. 
  
  
  
  
  39. ﹤/table﹥  
    40. 
  
  
  
  
  40. ﹤/div﹥ 
    41.

(1)一個(gè)table  里面存在著一個(gè)文本框和一個(gè)圖片,看下圖

ASP.NET控件開發(fā)技巧之ComboBox顯示圖二

(2)當(dāng)選中右邊的圖片時(shí),會(huì)出現(xiàn)一個(gè)下拉框,即把隱藏的div呈現(xiàn)出來(lái),可以看到其初始化為隱藏,style="display:none;".看下圖

ASP.NET控件開發(fā)技巧之ComboBox顯示圖三

兩個(gè)組合在一起就形成了一個(gè)ComboBox控件。

ASP.NET控件開發(fā)技巧之ComboBox顯示就向大家介紹到這里，關(guān)于ComboBox顯示等相關(guān)的內(nèi)容在以后的文章中還會(huì)提及。


網(wǎng)站名稱：ASP.NET控件開發(fā)技巧之ComboBox顯示淺析
URL標(biāo)題：http://m.5511xx.com/article/dhjehhi.html