I am trying to get a small radWindow to popup under a grid cell when the mouse is over the cell. I can get this to work, but I am having trouble positioning the popup where I want it. Here is the client side code I am using.
This works somewhat, the first cell I hover over gets the popup in the correct place, but it pops up in this same place for each subsequent cell that I hover over. Here is the definition of the radWindow.
Any ideas on how to get this to work, or on an aternative way to accomplish it?
Thank you,
John
function rgCase_onRowCreated(sender, eventArgs) { |
var dataItem = eventArgs.get_gridDataItem(); |
dataItem._element.cells[5].onmouseover = function() { |
var CaseID = eventArgs.getDataKeyValue("CaseID"); |
var oManager = GetRadWindowManager(); |
var oWindow = oManager.getWindowByName("rwCaseDetails"); |
oWindow.set_offsetElementID(dataItem._element.cells[5].uniqueID); |
oManager.open("CaseDetails.aspx?CaseID=" + CaseID, "rwCaseDetails"); |
}; |
dataItem._element.cells[5].onmouseout = function() { |
var oManager = GetRadWindowManager(); |
oManager.closeActiveWindow(); |
}; |
} |
This works somewhat, the first cell I hover over gets the popup in the correct place, but it pops up in this same place for each subsequent cell that I hover over. Here is the definition of the radWindow.
<telerik:RadWindow ID="rwCaseDetails" runat="server" Behavior="None" Behaviors="None" InitialBehavior="None" NavigateUrl="CaseDetails.aspx" ReloadOnShow="True" ShowContentDuringLoad="False" Style="display: none;" Left="-110px" Top="20px" Width="220px" Height="150px" VisibleStatusbar="False" DestroyOnClose="False" EnableViewState="False" KeepInScreenBounds="True" VisibleTitlebar="False"> |
</telerik:RadWindow> |
Any ideas on how to get this to work, or on an aternative way to accomplish it?
Thank you,
John