叠加菜单控件（http://www.dotnetspider.com/forum/335087-overlay-menu-control.aspx） [英] Overlay menu control (http://www.dotnetspider.com/forum/335087-overlay-menu-control.aspx)

问题描述

我正在使用JDatepicker和Radmenu控件。但是Radmenu控制是Jdatepicker的重叠。



如何解决这个问题叠加？



1.样式：

Hi,
i am using JDatepicker and Radmenu control. but Radmenu control is overlay of Jdatepicker.

How to Solve this issue overlay ?

1. Style:

<style type="text/css">
.ui-datepicker-trigger
{
position: relative;
top: 4px;
right: -3px;
height: 17px;
}
#txtSelDate
{
z-index:100;
}

</style>

--------------------------------- -------------------------------

2.JQuery

----------------------------------------------------------------
2.JQuery

<script language="javascript" type="text/javascript">
var Dformat = "";
$(document).ready(function () {
var selectvalSelDate = $("#txtSelDate").val();
var sVal = document.getElementById('hdnPORTALID').value;
Dformat = GetDatePickerFormat(sVal);
$(".DatePicker").attr("placeholder", "Select date").datepicker({
showOn: "both",
buttonImage: "../images/datepicker_enable.png",
buttonImageOnly: true,
changeMonth: true,
changeYear: true,
dateFormat: Dformat
});

});
</script>

-------------------------- -----------------------------------------

3 .ASP.Net:Datetime



< input id =txtSelDaterunat =serverclass =TextBox DatePickerstyle =width：125px/> ;

----------------------------------------- ---------------------

4.Asp.net:RadMenu

-------------------------------------------------------------------
3.ASP.Net :Datetime

<input id="txtSelDate" runat="server" class="TextBox DatePicker" style="width: 125px" />
--------------------------------------------------------------
4.Asp.net: RadMenu

<telerik:RadMenu ID="RadMenu1"  runat="server" Skin="" Flow="Horizontal"  önItemClick="RadMenu1_ItemClick"
Style="z-index: 0;">
<Items>
<telerik:RadMenuItem ImageUrl="../images/assmoreasstools.png" PostBack="false">
<Items>
<telerik:RadMenuItem Value="RadMenuItem1" ImageUrl="../images/asschangelistorder.png"
HoveredImageUrl="../images/asschangelistordermouseover.png">
</telerik:RadMenuItem>
</Items>
<Items>
<telerik:RadMenuItem Value="RadMenuItem2" ImageUrl="../images/assdeletedlist.png"
HoveredImageUrl="../images/assdeletedlistordermouseover.png">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>

---------------- --------------------------------------------

截图：下面

链接：



http://www.dotnetspider.com/attachments/forum/335087-03918-overlay.png [ ^ ]







谢谢，

Karthikeyan，

班加罗尔

------------------------------------------------------------
screen shot:below
link:

http://www.dotnetspider.com/attachments/forum/335087-03918-overlay.png[^]



Thanks,
Karthikeyan,
Bangalore

推荐答案

（document）.ready（function（）{
var selectvalSelDate =

(document).ready(function () { var selectvalSelDate =

（＃txtSelDate）。val（）;
var sVal = document.getElementById （'hdnPORTALID'）。value;
Dformat = GetDatePickerFormat（sVal）;

("#txtSelDate").val(); var sVal = document.getElementById('hdnPORTALID').value; Dformat = GetDatePickerFormat(sVal);

（。DatePicker）。attr（占位符，选择日期）.datepicker （{
showOn：both，
buttonImage：../ images / datepicker_enable。 png，
buttonImageOnly：true，
changeMonth：true，
changeYear：true，
dateFormat：Dformat
}）;

}）;
< / script>

(".DatePicker").attr("placeholder", "Select date").datepicker({ showOn: "both", buttonImage: "../images/datepicker_enable.png", buttonImageOnly: true, changeMonth: true, changeYear: true, dateFormat: Dformat }); }); </script>

-------------------------- -----------------------------------------

3 .ASP.Net:Datetime



< input id =txtSelDaterunat =serverclass =TextBox DatePickerstyle =width：125px/> ;

----------------------------------------- ---------------------

4.Asp.net:RadMenu

-------------------------------------------------------------------
3.ASP.Net :Datetime

<input id="txtSelDate" runat="server" class="TextBox DatePicker" style="width: 125px" />
--------------------------------------------------------------
4.Asp.net: RadMenu

<telerik:RadMenu ID="RadMenu1"  runat="server" Skin="" Flow="Horizontal"  önItemClick="RadMenu1_ItemClick"
Style="z-index: 0;">
<Items>
<telerik:RadMenuItem ImageUrl="../images/assmoreasstools.png" PostBack="false">
<Items>
<telerik:RadMenuItem Value="RadMenuItem1" ImageUrl="../images/asschangelistorder.png"
HoveredImageUrl="../images/asschangelistordermouseover.png">
</telerik:RadMenuItem>
</Items>
<Items>
<telerik:RadMenuItem Value="RadMenuItem2" ImageUrl="../images/assdeletedlist.png"
HoveredImageUrl="../images/assdeletedlistordermouseover.png">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>

---------------- --------------------------------------------

截图：下面

链接：



http://www.dotnetspider.com/attachments/forum/335087-03918-overlay.png [ ^ ]







谢谢，

Karthikeyan，

班加罗尔

------------------------------------------------------------
screen shot:below
link:

http://www.dotnetspider.com/attachments/forum/335087-03918-overlay.png[^]



Thanks,
Karthikeyan,
Bangalore

这篇关于叠加菜单控件（http://www.dotnetspider.com/forum/335087-overlay-menu-control.aspx）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！