0

我有一个网格，我已经搜索了很长时间，试图找到一个解决方案，以在网格具有 cellEdit:true 时显示日期选择器。我发现的许多文章都说必须调整 z-index 但这对我不起作用。我已经尝试在 .htm 头部部分（如下面的代码）以及 jqgrid 的 .css 文件中对其进行调整。如果我单击单元格，则没有任何反应，但如果我单击另一个网页并返回，则会显示日期对话框弹出窗口。是什么在调整 z-index 后仍将其隐藏？下面我放了 !important ，所以希望这些信息不会被覆盖。谢谢。

    <style type="text/css">
    .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 2000 !important;}
    </style>

    ==================================================

 {name:'LOCK_EXPIRATION_DATE',index:'LOCK_EXPIRATION_DATE', width:80, width:90, sorttype:"date",align:'left',sortable:'true',editable:true,fixed:true, editoptions: { dataInit: function(el) { setTimeout(function() { $(el).datepicker(); }, 200); } },
    ==================================================
    onSelectRow: function(id){ if(id && id!==lastsel3){ jQuery('#list4').jqGrid('restoreRow',lastsel3); jQuery('#list4').jqGrid('editRow',id,true,pickdates); lastsel3=id; } },

    ==================================================

        cellEdit: true,

    ==================================================
4

1 回答 1

0

您可以通过在datepicker定义中添加属性来定义z-indexdatepicker 的功能。而不是直接使用. 这将有助于在从jqGrid初始化datepicker时修改datepickerdataInit$(el).datepicker();

$(el).datepicker({
    beforeShow:function(input,inst){
          setTimeout(function(){
         $(".ui-datepicker").css("z-index", 2000);}, 10); 
    }
});
于 2013-03-20T03:37:33.047 回答