css - XPages 中模态窗口中的 Dojo 设计元素

Question

我创建了一个模态，然后在其中放入了一些设计元素。除了 Dojos，每个组件都运行良好。他们正在工作，但是当我点击它来选择日期时，窗口会停留在模态的后面。所以我无法控制它。我尝试了 z-index 或类似的想法，但我无法成功。我无法把它放在前面。此问题仅在 Modal 中发生。否则，所有 Dojo 元素都 100% 工作。所以我现在知道从哪里开始挖掘:(

<!-- This codes below is the whole modal dialog codes.. --> 
<xp:link escape="true" id="addUnvan" styleClass="text-primary list-icons-item"
                        rendered="#{javascript:document1.isEditable()}">
                        <xp:this.attrs>
                            <xp:attr name="type" value="button"></xp:attr>
                            <xp:attr name="data-target" value="#modal_theme_custom"></xp:attr>
                            <xp:attr name="data-toggle" value="modal"></xp:attr>
                            <xp:attr name="data-popup" value="popover"></xp:attr>
                            <xp:attr name="data-trigger" value="hover"></xp:attr>
                            <xp:attr name="data-content"
                                value="Çalışanın görevi değiştiyse onun eski görevini yeni görevinden bir gün önce bitecek şekilde kapatır. Yeni unvan eklerim.."></xp:attr>
                            <xp:attr name="data-original-title" value="Ne Mi Yaparım?"></xp:attr>
                            <xp:attr name="data-placement" value="right"></xp:attr>
                        </xp:this.attrs>
                        <i class="icon-stack-plus"></i>
                    </xp:link>
<!-- This codes below is the whole modal dialog codes.. -->
<div id="modal_theme_custom" class="modal fade" tabindex="-1"
        style="display: none;" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <xp:div id="divUnvanContent" styleClass="card">
                    <div class="card-header header-elements-inline">
                        <h5 class="card-title">
                            <xp:text escape="true" id="computedField5" value="#{unvanDoc.AdSoyad}"
                                rendered="false">
                            </xp:text>
                        </h5>
                        <div class="header-elements">
                            <div class="list-icons">
                                 
                                 

                                 
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="modal-body">
                            <xp:div styleClass="bootstrap-duallistbox-container row moveonselect">
                                <xp:div styleClass="col-lg-12 col-md-12">
                                     

                                    <xp:div id="divGTarih" styleClass="form-group row">
                                        <xp:label value="Geçerlilik Tarihi:" id="label2"
                                            styleClass="col-form-label col-lg-3 col-md-3"></xp:label>
                                        <xp:div styleClass="col-lg-9 col-md-9">
                                            <xe:djDateTextBox styleClass="form-control pickadate picker__input"
                                                id="BasTarih" value="#{document1.BasTarih}">

                                                <xe:this.converter>
                                                    <xp:convertDateTime type="date"
                                                        dateStyle="short">
                                                    </xp:convertDateTime>
                                                </xe:this.converter>
                                            </xe:djDateTextBox>
                                            <xe:djDateTextBox id="BitTarih" value="#{document1.BitTarih}"
                                                styleClass="ml-6">
                                                <xe:this.converter>
                                                    <xp:convertDateTime type="date"
                                                        dateStyle="short">
                                                    </xp:convertDateTime>
                                                </xe:this.converter>
                                            </xe:djDateTextBox>
                                        </xp:div>
                                    </xp:div> 
                                </xp:div> 
                            </xp:div>
                        </div>
                    </div>
                </xp:div>
            </div>
        </div>
    </div>

更新 我找不到 DojoComponent 的正确 z-index 属性，我的意思是正确的类。请找到代码的图片。单击它时，我会看到很多课程。我尝试了很多课程，但我厌倦了尝试:(((有什么线索我可以遵循..

提前致谢...

标签： cssdojoxpages