jQuery MiniUI

标题: mini-popupedit [打印本页]

作者: manyunlai 时间: 2016-4-29 11:30:21 标题: mini-popupedit

我要做个选择年度的弹出框，想弹出的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 时间: 2016-4-29 13:25:52

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)