JS经典专区Combobox组件[支持鼠标键盘]
[attach]265[/attach]这个是panelwork框架的一个组件， 现在单独分离出来，供大家使用，你可以当作现有的combobox actvieX控件使用， 不过activeX有它一定的局限性
转载请注明来自: Javascript经典专区
截图:
演示地址:[url]http://www.onlyaa.com/examples/panelwork.combobox/panel.htm[/url]
可以用键盘上下移动，选好之后，直接回车把、选中的内容填入输入框中
使用方法:
1.必须要的包含文件：
<link href="panelworkWnd.css" rel="stylesheet" type="text/css">
<script language="javascript" src="panelwork.ui.js" type="text/javascript"></script>
2. 创建combobx脚本
必要的参数(parent, cstyle, data)， 参数说明:
parent - 该combobox的父容器
cstyle - 暂时为空， 备以后扩展用，很快有新的功能上线
data - 数据， 定义格式 - 开头部分必须为"{$data}=", 后面的用"|"来分割，本控件支持自动排序，目前强制排序，因为这个复合combobx使用习惯
3.自带调试窗口prop，这种调试也是手工写调试代码
3.修改样式，可以通过包含的样式表修改
完整创建代码如下：
<script>
//try {
function createCombobox() {
var com1 = new __combobox(combobox, '', "{$data}=dtest145456asdlkasdlfajsdflajsdflkqjwelrqwjerkl|test2|test3|rr|sd|t");
com1.setWidth(200)
}
//} catch(e) {
//alert(e.description);
//}
</script>
</head>
<body onload="createCombobox();">
<div id="combobox" style="padding: 10;"></div>
<!--<button onclick="createCombobox()">Create Combobox</button>-->
<div id=prop style="margin-left: 300px;"></div>
[attach]266[/attach]
页:
[1]