Hi there,
I am getting problem while showing context menu for Grid in Internet Explorer 6 and 7.
Following is the code that we have written.
// Context Menu Creation : S
var aMenu=new dhtmlXContextMenuObject(‘120’,0,Gpath+"/js/dhtmlx/dhtmlxMenu/codebase/imgs/");
aMenu.menu.loadXML(Gpath+"/xml/context/classDetails.xml"); // This xml file we use to show context menu on right click.
aMenu.setContextMenuHandler(onButtonClick);
aMenu.setContextZone(“treeBox”,1);
// Context Menu Creation : E
mygrid = new dhtmlXGridObject(‘mygrid_showclassdetails’);
mygrid.setImagePath(Gpath+"/js/dhtmlx/dhtmlxGrid/codebase/imgs/");
mygrid.setHeader(“ShareClass,CUSIP,Class Inception Date,Class Number,Status,shareclassid”);
mygrid.setInitWidthsP(“30,10,10,10,40,0”);
mygrid.setColAlign(“left,left,left,left,left,left”);
mygrid.setSkin(“light”);
mygrid.setColTypes(“ro,ed,dhxCalendarA,ed,co,ro”);
mygrid.setColSorting(“str,str,date,str,str,str”);
mygrid.enableTooltips(“false,false,false,false,false,false”);
mygrid.enableContextMenu(aMenu); // We have to use this function to enable context menu on right click.
mygrid.getCombo(4).put(“1”,“Active”);
mygrid.getCombo(4).put(“2”,“Inactive”);
mygrid.preventIECaching();
mygrid.enableRowsHover(true,‘grid_hover’);
mygrid.enableResizing(“false,false,false,false,false,false”);
mygrid.enableAutoHeight(true);
mygrid.enableAutoWidth(true);
mygrid.objBox.style.overflowX=“hidden”;
mygrid.objBox.style.overflowY=“hidden”;
mygrid.setColumnHidden(5,true);
mygrid.init();
mygrid.loadXML(Gpath+"/fundClassDetails.action?shareclass="+shareclass+"&cusip="+cusip+"&classinceptiondate="+classinceptiondate+"&classnumber="+classnumber+"&status="+status);
The code is correct , and has not any visible problems - the same code works correctly in case of local samples
aMenu.setContextMenuHandler(onButtonClick);
aMenu.setContextZone(“treeBox”,1);
Plese be sure that both objects ( onButtonClick functiona, and treeBox node ) exists on moment of function call
If problem still occurs for you - please provide any kind of sample, where issue can be reconstructed ( you can send it directly to support@dhtmlx.com )
I sm still not able to get the context menu especially in IE 6.
I have included following files in PARENT JSP. Are there some files missing or some order is wrong ???
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxgrid.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/dhtmlxmenu.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/context.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/common/dhtmlxmenu_alter.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/common/dhtmlxmenu_xp.css"/>
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxcommon.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxgrid.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxgridcell.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/dhtmlxprotobar.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/dhtmlxmenubar.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/dhtmlxmenubar_cp.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/excells/dhtmlxgrid_excell_link.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_nxml.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/excells/dhtmlxgrid_excell_dhxcalendar.js">
All necessary files included and order is correct
If problem still occurs for you - please provide any kind of sample or demo link where issue can be reconstructed.
Hi,
Is this Ordering Correct ?
<%-------------------------------------------------- CSS Files required for this page : S -----------------------------------------------------------%>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxgrid.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/css/common.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/css/modalbox.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxTabbar/codebase/dhtmlxtabbar.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxTabbar/common/style.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxColorPicker/codebase/dhtmlxcolorpicker.css"/>
<%-- Following css file is used for DHTMLX Calendar, By Tejas for rajasekhar, 04/Jul/2008 : S --%>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxCalendar/codebase/dhtmlxcalendar.css"/>
<%-- Following css file is used for DHTMLX Calendar, By Tejas for rajasekhar, 04/Jul/2008 : E --%>
<%-- CSS File needed for DHTMLX Grid : S, By Tejas, 2/Jul/2008 --%>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/dhtmlxmenu.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/context.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/common/dhtmlxmenu_alter.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/common/dhtmlxmenu_xp.css"/>
<%-- CSS File needed for DHTMLX Grid : E, By Tejas, 2/Jul/2008 --%>
<link type=“text/css” rel=“stylesheet” media=“screen” href="<c:out value="${path}"/>/css/code.css"/>
<link type=“text/css” rel=“stylesheet” media=“screen” href="<c:out value="${path}"/>/css/form.css"/>
<%-- CSS File needed for DHTMLX Tree : E, By Tejas, Aziza, Manoj on 15/Jul/2008 --%>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxTree/codebase/common/style.css"/>
<link type=“text/css” rel=“stylesheet” href="<c:out value="${path}"/>/js/dhtmlx/dhtmlxTree/codebase/dhtmlxtree.css"/>
<%-- CSS File needed for DHTMLX Tree : E, By Tejas, Aziza, Manoj on 15/Jul/2008 --%>
<!— overwrite Context.css to use gradient vertical panel and bordered selection —>
.contextMenu{
font-family:arial; font-size:8pt;
padding:1 1 1 2;
margin: 0 1 0 1;
text-align:left;
cursor:default;
}
.contextMenuOver, .contextMenuDown{
font-family:arial; font-size:8pt;
padding:0 0 0 1;
margin: 0 1 0 1;
text-align:left;
background-color:#ffcc33;
color:#ffcc33;
cursor:default;
border:1px solid navy;
}
.contextMenuOver td{
color:navy;
}
.menuTable{
background-color : #ffffff;
border:1px solid;
margin : 0px;
padding : 3 1 4 1;
background-repeat : repeat-y;
background-image : url(’/db4/images/bg_grad.gif’);
}
.secondMenuTable{
background-color : white;
border: 1px solid #808080;
border-right:2px outset #ffffff;
border-bottom:2px outset #ffffff;
margin : 0px;
padding : 0 1 0 2;
margin-top:-1px;
background-repeat : repeat-y;
background-image : url(’/db4/images/bg_grad.gif’);
}
<%-------------------------------------------------- CSS Files required for this page : E -----------------------------------------------------------%>
<%-------------------------------------------------- JS Files required for this page : S -----------------------------------------------------------%>
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/prototype.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/scriptaculous.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/settings/myprofile/myprofile.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/settings/getcontrol.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/common/common.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dci2.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/common/csssettings.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/modalbox.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/settings/design/designSettings.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxTabbar/codebase/dhtmlxcommon.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxTabbar/codebase/dhtmlxtabbar.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/settings/colorpicker.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxColorPicker/codebase/dhtmlxcolorpicker.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/settings/users/validateuser.js">
<script src="<c:out value="${path}"/>/js/settings/users/processuser.js">
<%-- JS Files needed for DHTMLX Grid : S, By Tejas, 2/Jul/2008 --%>
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxcommon.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxgrid.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxgridcell.js">
<%–<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_drag.js"> --%>
<%-- JS Files needed for DHTMLX Grid : E, By Tejas, 2/Jul/2008 --%>
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/settings/groups/groups.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/micoxUpload.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_pgn.js"> <%-- This js file is for pagination --%>
<script language=“javascript” src="<c:out value="${path}"/>/js/settings/fundadmin/createfund.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxCalendar/codebase/dhtmlxcommon.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxCalendar/codebase/dhtmlxcalendar.js">
<%-- Following script function is used for DHTMLX Calendar, By Tejas, 04/Jul/2008 : S --%>
<%-- JS Files needed for DHTMLX Grid : S, By Tejas, 2/Jul/2008 --%>
<%–<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/dhtmlxcommon.js"> --%>
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/dhtmlxprotobar.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/dhtmlxmenubar.js"> <%-- This js file is for menubar --%>
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/dhtmlxmenubar_cp.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/excells/dhtmlxgrid_excell_link.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_nxml.js"> <%-- This JS file is useful for getting grid data in CSV format;serializeToCSV(); --%>
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/excells/dhtmlxgrid_excell_dhxcalendar.js"> <%-- This JS file is useful for showing dhxCalendar type in the cell of DHTMLXGrid object --%>
<%-- JS Files needed for DHTMLX Grid : E, By Tejas, 2/Jul/2008 --%>
<%-- JS Files needed for DHTMLX Tree : S, By Tejas, Aziza, Manoj on 2/Jul/2008 --%>
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxTree/codebase/dhtmlxcommon.js">
<script type=“text/javascript” language=“javascript” src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxTree/codebase/dhtmlxtree.js">
<%-- JS Files needed for DHTMLX Tree : E, By Tejas, Aziza, Manoj on 2/Jul/2008 --%>
<script language=“javascript” src="<c:out value="${path}"/>/js/custom-form-elements.js">
<%-------------------------------------------------- JS Files required for this page : E -----------------------------------------------------------%>
Order is correct
By the way, you need not load dhtmlxcommon.js from all components - this is the same file, it can be loaded only once ( it will not cause an error in any case )