XPages - Bootstrap popover - PullRequest
       55

XPages - Bootstrap popover

0 голосов
/ 13 декабря 2018

У меня есть значок, который при наведении курсора всплывает какая-то дополнительная информация в начальной загрузке popover

Это работает, как и ожидалось, однако, если я затем нажимаю на любое поле встраница, которая затем выполняет частичное обновление элемента div, содержащего значок, теряет функцию наведения.

Код значка:

<!--INFO BUTTON START-->
                    <xp:text escape="false" id="computedField4">
                        <xp:this.value><![CDATA[#{javascript:try{
    var text = @DbLookup(@DbName(), "LookupKeywordLists", "Info"+compositeData.fieldName, "Members");
    return "&nbsp;<i class='fa fa-info-circle' data-container='body' data-toggle='popover' data-trigger='hover' data-placement='right' data-content='"+text+"'></i>"
}catch(e){
    openLogBean.addError(e,this.getParent());
}

}]]></xp:this.value>
                        <xp:this.rendered><![CDATA[#{javascript:try{
    return compositeData.showInfoIcon;
}catch(e){
    openLogBean.addError(e,this.getParent());
}}]]></xp:this.rendered>
                    </xp:text>

                    <!--INFO BUTTON END-->

Scriptблок на странице:

<xp:scriptBlock id="scriptBlock1">
            <xp:this.value><![CDATA[$(document).ready(function(){
    $('[data-toggle="popover"]').popover({
        trigger: 'hover',
        title: 'Information'
    });
});]]></xp:this.value>
        </xp:scriptBlock>

Блок сценария в настоящее время находится за пределами div, что частичное обновление «обновляет», однако я попытался поместить его в div, что не решило проблему.Есть идеи?Спасибо

1 Ответ

0 голосов
/ 13 декабря 2018

Вам нужно добавить всплывающее окно при частичном обновлении.Для этого вы используете Dojo, чтобы подписаться на событие partrefresh-complete.

Этот ответ может помочь вам: https://stackoverflow.com/a/49014247/785061.

...