续：自定义下拉框类型source（Select、checkbox多选、日期、树型）的说明

接上文，标题《自定义下拉框类型source（Select、checkbox多选、日期、树型）》在日期[TODO]、树型[TODO]处本来“TODO”字样，表示后两种是后续有待实现的功能，无奈被CSDN截掉了。所以在此声明，不是有意要忽悠大伙。

 

下面给出测试代码：

<script language="javascript" src="dropDown.js"></script>

 

<input id="test" name="test" type="text">

 

<script language="javascript">

/**import ElementUtils.js*/
function getOffsetPosition(src){
    var left=0, top=0;
    while (src.offsetParent){
        left += src.offsetLeft;
        top += src.offsetTop;
        src = src.offsetParent;
    }
    return new Point(left,top);
};
function Point(posX,posY){
   this.x = posX;
   this.y = posY;
   this.type = "Point";
}
/*import end*/

 

var dd = new Dropdown(document.getElementById("test"));
document.documentElement.onclick = function(){dd.hide();}
dd.setMultiple(true);
dd.setLoader("dd");
dd.addItem("ABCD", "1");
dd.addItem("<font color='red'>EFGH</font>", "2");
dd.addItem("IJKL", "3");
dd.addItem("MNOP", "4");
dd.addItem("QRST", "5");
dd.addItem("UVWX", "6");
dd.addItem("XZ", "7");
dd.selectedIndex = 2;
</script>