Xpages灵活视图控件

问题描述 投票:0回答:1

我为XPage安装了出色的程序灵活视图控件。一切正常。但不幸的是,我无法让她在模式窗口或选择列表中工作。我只看到列标题和信息(页脚)。表中的所有行都不存在,但信息(页脚)显示了实际计数的行(在我的情况下为4)。

enter image description here

你能告诉我怎么做吗?

<!-- Modal -->

    <div class="modal fade picklist" id="myModal" tabindex="-1" role="dialog"
    aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
         <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                    aria-label="Close">
                    <span aria-hidden="true">x</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">Choose a record</h4>
            </div>


            <xc:ccRestView showFooter="true" showFixedHeader="true"
                    showFilter="true" showInfo="true" showCellBorders="false"
                    keyIsCategory="false" refreshInterval="0" multiValue="false"
                    showRefreshButton="true" showFilterText="true" scroller="true"
                    ordering="true" scrollerCount="500" thisView="ViewBasic"
                    viewKey="view-definitions"
                    dataTableClass="tableViewBasic"
                    rowCallback="ccRestView.defaultRowCallback" filterText="Поиск"
                    dataTableClassDefault="table table-striped table-bordered">

             </xc:ccRestView>


        <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    Cancel</button>
                <button type="button" class="btn btn-primary">OK</button>
            </div>  
        </div>
    </div>
</div>
datatables xpages xpages-ssjs
1个回答
1
投票

Oleg-有关如何使控件与Bootstrap模式一起使用的信息,请参见此博客文章:

https://xpage.me/2020/04/06/a-flexible-view-control-for-xpages-part-7-modals-picklists/

您可以在这里查看有效的演示:

http://demos.xpage.me/demos/datatables-xpages-bootstrap.nsf/viewPicklist.xsp

[此外,在您的上方消息中,您缺少模态主体div。这是Bootstrap模式中的必需组件。

在模态内加载DataTables的关键是在渲染模态后初始化视图,尤其是在使用固定标头时。

© www.soinside.com 2019 - 2024. All rights reserved.