mini-popupedit

manyunlai

我要做个选择年度的弹出框，想弹出的div没有被正常弹出，却显示在body里面了。
请版主指点。
jsp：
年度：<input id="searchYear" name="searchYear" class="mini-popupedit" style="width:150px;" required="false" allowinput="false" showPopupOnClick=true popupWidth="252px" popupHeight="85px" maxlength="4" showClose="true" popup="#yearPicker"/>
js:
jQuery(document).ready(function(){
    //创建一个父div
    var parentdiv=jQuery("<div id='yearPicker' class='mini-panel' style='width:252px;height:85px;' showHeader='false' bodyStyle='padding:0' borderStyle='border:0'></div>");
    //创建一个儿子div
    var sondiv=jQuery("<div class='mini-calendar-menu' style='border: 0px; top: 10px; left: 16px; width: 220px; height: 55px;'></div>");
    //创建一个孙div
    var childdiv1=jQuery("<div id='divYears' class='mini-calendar-menu-years'></div>");
    //创建一个孙div
    var childdiv2=jQuery("<div style='clear:both;'></div>");
    parentdiv.append(sondiv);
    sondiv.append(childdiv1);
    sondiv.append(childdiv2);
    jQuery(".protal_main_div").append(parentdiv);
});
var selectedYear = "";
var yearPickerItem = "";
function yearPickerBeforeShowPopup(ele){
    yearPickerItem = ele.sender.id;
    if(ele.sender.value){
        selectedYear = ele.sender.value;
    }else{
        var d = new Date();
        selectedYear = d.getFullYear();
    }
    makeDivYear(selectedYear);
}
function makeDivYear(year){
    var htmlbuffer = [];
    var startYear = year - 5;
    for(var i = startYear; i < startYear + 10; i++){
        htmlbuffer.push(" <a id='");
        htmlbuffer.push(i);
        htmlbuffer.push("' class='mini-calendar-menu-year  ");
        if(i == selectedYear){
            htmlbuffer.push(" mini-calendar-menu-selected");
        }
        htmlbuffer.push("' href='javascript:setSelect(" + i + ")' ");
        htmlbuffer.push(" hidefocus='' >");
        htmlbuffer.push(i);
        htmlbuffer.push("</a> ");
    }
    htmlbuffer.push(' <a href="javascript:makeDivYear(');
    htmlbuffer.push(year - 10);
    htmlbuffer.push(');" ><div class="mini-calendar-menu-prevYear"></div></a> ');
   
    htmlbuffer.push(' <a href="javascript:makeDivYear(');
    htmlbuffer.push(year + 10);
    htmlbuffer.push(');" ><div class="mini-calendar-menu-nextYear"></div></a> ');
   
    htmlbuffer.push(' <div style="clear:both;"></div> ');
   
    jQuery("#divYears").html(htmlbuffer.join(""));
}
function setSelect(year){
    selectedYear = year;
    mini.get(yearPickerItem).set({text:selectedYear});
    mini.get(yearPickerItem).setValue(selectedYear);
    mini.get(yearPickerItem).hidePopup();
}

felt

popupedi是弹出框的基类，不建议直接使用
如果你像扩展请参考试用包内diyclass内的示例，而不是像你这样使用