用于web开发的带查询功能的combobox控件
2009-09-24 08:29
387 查看
asp.net+c#制作网站是不支持combobox控件的,只能使用dropdownlist控件,但有些功能还是不能和combobox相媲美。现在给出一个完整的列子供大家参考
11Global_run_event_hook = true;
12Global_combo_array = new Array();
13
14Array.prototype.remove=function(dx)
15
27function ComboBox_make()
28
58function ComboBox_choose(realval,txtval)
59
66function ComboBox_mouseDown(e)
67
89function ComboBox_handleKey(e)
90
115function ComboBox_update()
116
143
144function ComboBox_remove(index)
145
149function ComboBox_add()
150
159function ComboBox_build(arr)
160
184function ComboBox_toggle()
185
209function ComboBox()
210
242ComboBox.prototype.COMBOBOXZINDEX = 1000 //change this if you must
243
244function ComboBox_init()
245
258
260function ComboBoxItem(text,value)
261
266document.write('<link rel="STYLESHEET" type="text/css" href="ComboBox.css">')
Code
1 .combo-button {
2 cursor: hand;
3 cursor: pointer;
4 height: 20px;
5 border: 1px solid rgb(120,172,255);
6 padding: 0;
7 background: rgb(234,242,255);
8 width: 14px;
9 vertical-align: baseline;
10 font-size: 8pt;
11 font-family: Webdings, Marlett;
12 }
13 .combo-hilite {
14 cursor: hand;
15 cursor: pointer;
16 background: rgb(234,242,255);
17 border: 1px solid rgb(120,172,255);
18 color: black;
19 font-family: verdana;
20 font-size: 9pt;
21 }
22 .combo-item {
23 cursor: hand;
24 cursor: pointer;
25 background: white;
26 border: 1px solid white;
27 color: black;
28 font-family: verdana;
29 font-size: 9pt;
30 }
31
32 .combo-input {
33 border: 1px solid rgb(120,172,255) !important;
34 width: 138px !important;
35 vertical-align: baseline;
36 }
37
38 .combo-list table {
39 table-layout: fixed;
40 width: 149px;
41 }
42
43 .combo-list {
44 border: 1px solid black;
45 background: white;
46 padding: 1px;
47 width: 149px;
48
49 /* enable this if you want scroll bars
50 height: 200px;
51 overflow: auto;
52 overflow-x: visible;
53 overflow-y: auto;
54 scrollbar-base-color: rgb(234,242,255);
55 scrollbar-highlight-color: rgb(234,242,255);
56 scrollbar-3dlight-color: rgb(120,172,255);
57 scrollbar-darkshadow-color: rgb(120,172,255);
58 scrollbar-shadow-color: rgb(234,242,255);
59 scrollbar-face-color: rgb(234,242,255);
60 scrollbar-track-color: white;
61 scrollbar-arrow-color: black;
62 */
63 }
11Global_run_event_hook = true;
12Global_combo_array = new Array();
13
14Array.prototype.remove=function(dx)
15
27function ComboBox_make()
28
58function ComboBox_choose(realval,txtval)
59
66function ComboBox_mouseDown(e)
67
89function ComboBox_handleKey(e)
90
115function ComboBox_update()
116
143
144function ComboBox_remove(index)
145
149function ComboBox_add()
150
159function ComboBox_build(arr)
160
184function ComboBox_toggle()
185
209function ComboBox()
210
242ComboBox.prototype.COMBOBOXZINDEX = 1000 //change this if you must
243
244function ComboBox_init()
245
258
260function ComboBoxItem(text,value)
261
266document.write('<link rel="STYLESHEET" type="text/css" href="ComboBox.css">')
Code
1 .combo-button {
2 cursor: hand;
3 cursor: pointer;
4 height: 20px;
5 border: 1px solid rgb(120,172,255);
6 padding: 0;
7 background: rgb(234,242,255);
8 width: 14px;
9 vertical-align: baseline;
10 font-size: 8pt;
11 font-family: Webdings, Marlett;
12 }
13 .combo-hilite {
14 cursor: hand;
15 cursor: pointer;
16 background: rgb(234,242,255);
17 border: 1px solid rgb(120,172,255);
18 color: black;
19 font-family: verdana;
20 font-size: 9pt;
21 }
22 .combo-item {
23 cursor: hand;
24 cursor: pointer;
25 background: white;
26 border: 1px solid white;
27 color: black;
28 font-family: verdana;
29 font-size: 9pt;
30 }
31
32 .combo-input {
33 border: 1px solid rgb(120,172,255) !important;
34 width: 138px !important;
35 vertical-align: baseline;
36 }
37
38 .combo-list table {
39 table-layout: fixed;
40 width: 149px;
41 }
42
43 .combo-list {
44 border: 1px solid black;
45 background: white;
46 padding: 1px;
47 width: 149px;
48
49 /* enable this if you want scroll bars
50 height: 200px;
51 overflow: auto;
52 overflow-x: visible;
53 overflow-y: auto;
54 scrollbar-base-color: rgb(234,242,255);
55 scrollbar-highlight-color: rgb(234,242,255);
56 scrollbar-3dlight-color: rgb(120,172,255);
57 scrollbar-darkshadow-color: rgb(120,172,255);
58 scrollbar-shadow-color: rgb(234,242,255);
59 scrollbar-face-color: rgb(234,242,255);
60 scrollbar-track-color: white;
61 scrollbar-arrow-color: black;
62 */
63 }
相关文章推荐
- 0279带查询功能的ComboBox控件
- C# Combobox控件实现模糊查询功能
- ZedGraph图形控件在Web开发中的应用
- ArcGIS API for Silverlight之Web Mapping开发:根据图层属性查询、定位、高亮显示并显示标注(2)
- RDIFramework.NET ━ .NET快速信息化系统开发框架 V3.2->Web版本模块管理界面新增模块排序功能
- 以下这些不同层次的功能都是Web开发人员应当了解的
- MS SQL SERVER 2005 用于Web开发的安装注意事项
- 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
- ASP.NET Web开发框架之一 功能导航
- DataCenter导出功能|快速开发工具|soa中间件|bpm工作流|基础架构|web表单|java报表
- Android开发之常用框架WebView详解代码。超详细,送给初学者,完全掌握此控件
- 【转】ASP.NET服务器控件开发简介:ComboBox
- 截图功能实现(五)自绘控件实现(button combobox)
- combobox控件自动模糊查询
- Skyline软件二次开发初级——1如何在web页面中添加控件和加载三维地图数据
- .NET开发实现类似Web Parts功能,超简单实现
- 推荐web页面开发中11个Javascript(AJAX)树形菜单(树形控件)
- 【开源】QuickPager ASP.NET2.0分页控件——使用示例、基本应用和查询功能
- TX Text Control 11.0 本人最新破解 功能同word的编辑器 支持windows 任何版本 word所有功能 能用于BS CS开发
- Visual Studio 2005和Visual Studio 2008 WEB开发时实现拖动控件放在绝对位置(所见即所得)