0

私はグリッドを持っており、グリッドに cellEdit: true があるときに日付ピッカーを表示するための解決策を見つけようとして、かなり長い間検索しました。私が見つけた記事の多くは、z-index を調整する必要があると言っていますが、これはうまくいきませんでした。以下のコードのような .htm head セクションと、jqgrid の .css ファイルで調整してみました。セルをクリックしても何も起こりませんが、別の Web ページをクリックして戻ってくると、日付ダイアログのポップアップが表示されます。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

日付ピッカーz-index定義にプロパティを追加することにより、そのdataInit関数で日付ピッカーのを定義できます。を直接使用する代わりに。これは、 jqGridからのdatepickerの初期化時にdatepickerを変更するのに役立ちます$(el).datepicker();

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