Grid Sort Area Z-index

[abasanParticipant]

When i put grid in div and bring div up by chainging Z-index by javascript
and click on Sort option on grid column , sort area open in behind of grid (Z-index of filter area do not change)

Sample Code

<div id="agrv_DivGridLink1"  style="z-index:98113;position: absolute;left:33px;top:192px;" onmouseover="javascript:MoveControlToTop('agrv_DivGridLink1');" >
<div id="jgrvGridLink1">
</div>
</div>

<script type="text/javascript">

$('#jgrvGridLink1').jqxGrid(
{
theme: JQTheme,
width: 378,
source: jgrvGridLink1_DataAdapter,
height: 26,
sortable: true,
altrows: true,
columnsresize: true,
columnsreorder: true,
rtl: false,
pageable: true,
pagesize: 10,
selectionmode: 'singlerow',
columns: [{ text: 'smt_SysCode', datafield: 'smt_SysCode', cellsalign: 'center' ,align: 'right' ,hidden: true ,width: 137},

{ text: 'smtt_SysCode', datafield: 'smtt_SysCode', cellsalign: 'center' ,align: 'right' ,hidden: true ,width: 84},

{ text: 'smt_Name', datafield: 'smt_Name', cellsalign: 'center' ,align: 'right' ,hidden: true ,width: 354},

{ text: 'smt_Number', datafield: 'smt_Number', cellsalign: 'center' ,align: 'right' ,hidden: true ,width: 354}

],
});

function MoveControlToTop(ControlName) {

            if (ControlName == TopmostControlName)
                return;

            if (TopmostControlName != null && TopmostControlName != "") {

                $('#' + TopmostControlName).css('z-index', TopmostControlLastZIndex);

            }

            TopmostControlName = ControlName;
            TopmostControlLastZIndex = parseInt($('#' + ControlName).css("z-index"), 10);
            $('#' + ControlName).css('z-index', 900000);

 }
</script>

[Peter StoevKeymaster]

Hi abasan,

How is this changing of z-index related to the Grid’s logic?

Best Regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[abasanParticipant]

hi

when mouse over on ‘agrv_DivGridLink1’ the div and all of it’s content bring up by changing z-index of ‘agrv_DivGridLink1’
by handler onmouseover event.
and also grid div ‘jgrvGridLink1’ that is child of ‘agrv_DivGridLink1’ bring up

maybe code in ‘MoveControlToTop’ function was unclear

assume ‘MoveControlToTop’ function code is bellow code

function MoveControlToTop(ControlName) {

         $('#' + ControlName).css('z-index', 900000);

 }

thank’s

[Author]

Posts