Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Tejas Shah on Jul 15, 2008 05:10
open dhtmlx forum
DHTMLX Grid : getcheckedrows(0) not working in Safari.

Hi,
I am not able to get the checked items in grid in Safari.
I have written something like this; but now getting the alert also of deleteUsersChecked variable.
Can we get some alternative to that ?

var deleteUsersChecked = usergrid.getCheckedRows(0);


Answer posted by Support on Jul 15, 2008 06:41
In existing version of grid, the same functionality works correctly in all browsers
Please be sure that you are using latest version of dhtmlxgrid.js ( because the dhtmlxgrid 1.5 had problem with mentioned method )

In any case you can use next code instead of getCheckedRows
    var checked=[];
    grid.forEachRow(function(id){
       if (grid.cells(id,index).isChecked())
          checked.push(id);
    });


where index - index of column
Answer posted on Jul 17, 2008 02:51
Hi,
    Its not working this way also.
    Is following order correct in PARENT JSP page.


<%-------------------------------------------------- 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 --%>
                   
                    <!-- About Radio Button -->
                        <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"/>
                    <!-- End Radio Button -->
                   
                    <%-- 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 --->
           
                        <style type="text/css">
                                    .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');
                                    }
                        </style>
           
            <%-------------------------------------------------- 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>
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/scriptaculous.js"></script>
                   
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/settings/myprofile/myprofile.js"></script>
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/settings/getcontrol.js"></script>
                   
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/common/common.js"></script>
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dci2.js"></script>
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/common/csssettings.js"></script>
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/modalbox.js"></script>
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/settings/design/designSettings.js"></script>
                   
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxTabbar/codebase/dhtmlxcommon.js"></script>
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxTabbar/codebase/dhtmlxtabbar.js"></script>
                   
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/settings/colorpicker.js"></script>
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxColorPicker/codebase/dhtmlxcolorpicker.js"></script>
                   
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/settings/users/validateuser.js"></script>
                   
                    <script src="<c:out value="${path}"/>/js/settings/users/processuser.js"></script>
                   
                    <script type="text/javascript">
                        var Gpath="<%=path%>";
                    </script>
                   
                    <%-- 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>
                        <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxgrid.js"></script>
                        <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/dhtmlxgridcell.js"></script>
                        <%--<script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_drag.js"></script> --%>
                    <%-- 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>
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/micoxUpload.js"></script>
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_pgn.js"></script>     <%--  This js file is for pagination --%>
                   
                    <script language="javascript" src="<c:out value="${path}"/>/js/settings/fundadmin/createfund.js"></script>
               
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxCalendar/codebase/dhtmlxcommon.js"></script>
                    <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxCalendar/codebase/dhtmlxcalendar.js"></script>
                   
                    <%-- 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> --%>
                        <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/dhtmlxprotobar.js"></script>
                        <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxMenu/codebase/dhtmlxmenubar.js"></script> <%-- 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>
                       
                        <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/excells/dhtmlxgrid_excell_link.js"></script>
                       
                        <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxGrid/codebase/ext/dhtmlxgrid_nxml.js"></script> <%-- 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"></script> <%-- 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>
                        <script type="text/javascript" language="javascript" src="<c:out value="${path}"/>/js/dhtmlx/dhtmlxTree/codebase/dhtmlxtree.js"></script>
                   
                    <%-- 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"></script>
                   
                    <script>
                       
                        var mCal;
                   
                        //var dateFrom = null;
                        //var dateTo = null;
                       
                        function datePicker(id)
                        {
                             mCal = new dhtmlxCalendarObject(id);
                             mCal.setYearsRange(2000, 2500);
                             mCal.setDateFormat('%m/%d/%Y');
                             mCal.setPosition(380,300);
                        }
                   
                    </script>   
                   
                    <script>
                        //Added by karan on july 15th 08 for defaultgridrow to be used in every dhtmlxgrid for defaul rows parameter
                        defaultGridRows=<s:property value="${defaultGridRowNo}" />;
                   
                    </script>
           
            <%-------------------------------------------------- JS Files required for this page : E -----------------------------------------------------------%>
Answer posted by Support on Jul 17, 2008 09:36
The order is corrent
If problem still occurs for you - please provide any kind of sample or link to the demo page where issue can be recontstucted.