jquery 使用jQGrid如何防止容器被禁用

brvekthn  于 2023-04-11  发布在  jQuery
关注(0)|答案(1)|浏览(124)

使用jqGrid 4.15.6-pre - free
我打开一个Add表单来添加一个新行。我在其中一个单元格中单击dataEvent,它调用以下内容:

function accessBudgetView(){
        
$('.rma-miscdisplay2-zoom600995').load("/QMSWebApp/RMAControllerServlet",
{lifecycle:"accessRMAMONumberRequestBudgetLayout",
nextMONumberRequestIndex:nextMONumberRequestIndex,
recseq:0}, function(){$('.rma-miscdisplay2-zoom600995').show("slide", { direction: "right" }, 
1000);});
                    
}

这是我的容器代码:

<div class="rmaMainBody"></div>
<div class="rma-miscdisplay"></div>
<div class="rma-miscdisplay2"></div>
<div class="rma-miscdisplay2-zoom600995"></div>
<div class="rma-miscdisplay3"></div>

我的问题是被调用的容器被禁用,即使我的z索引设置高于addForm的z索引。
更新:调用容器的CSS代码:

.rma-miscdisplay2-zoom600995{
overflow-y: auto;
display: none;
position: absolute;
padding: 5px;
top: 100px;
bottom: 0px;
right: 2px;
background-color: silver;
color: blue;
padding: 2px;
z-index: 600995;
border-style: solid;
border-color: white;
border-width: thin; 

    
}
8yparm6h

8yparm6h1#

z-index只对定位元素起作用。如果你试图在非定位元素上设置z-index,它什么也不会做。然而,有一个例外- flex子元素可以使用z-index,即使它们是非定位的
请看这里:Stacking elements - CSS z-index and stacking context explained

相关问题