Yii2 两个DetailView并排答案

【问题标题】：Yii2 two DetailView side by sideYii2 两个DetailView并排
【发布时间】：2017-03-26 02:25:32
【问题描述】：

我正在制作一个将采购订单导出为 PDF 的采购订单系统，但我需要在上半部分显示来自买家和卖家的数据。我想并排放置 2 个 DetailView，每个都有 50% 的页面宽度。有可能的？到目前为止，我还没有找到任何关于此的信息，而且我的 CSS 技能很低。感谢您提供任何信息。

【问题讨论】：

标签： yii2 detailview

【解决方案1】：

您可以取消引导网格在视图中，您可以将 detailView 放在两个单独的引导列中

    <div class="col-sm-6 col-md-6 col-lg-6" >

    <?= DetailView::widget([
        'model' => $modelBuyer,
        ......



    ?>
   </div>
    <div class="col-sm-6 col-md-6 col-lg-6" >

    <?= DetailView::widget([
        'model' => $modelSeller,
        ......



    ?>
   </div>

在控制器中只需在渲染中传递两个模型

       return $this->render('your_view', [
        'modelBuyer' => $modelBuyer,
        'modelSeller' => $modelSeller,
    ]);

【讨论】：

谢谢，它可以工作，但是当我将视图传递给 kartik 的 mpdf 时，它仍然会在另一个下方显示详细视图，但我想这是另一个问题。谢谢！
这意味着我的回答是正确的.. 对于 PDF，请确保您传递/用于 PDF 的视图具有相同的结构.. 对于我所知道的 kartik mpdf 分配给 $content 的 renderPartial一个视图。检查这个

【解决方案2】：

我正在使用 mpdf 的 kartik mpdf 包装器。我注意到 kv-mpdf-bootstrap.min.css 没有将“col-sm-6”定义为 bootstrap.css 中的 50%。由于文档表明 mpdf css 覆盖引导程序，因此我找到了“col-xs-5”类，它指定了 41.6666%，它适合我的输出要求，并允许我显示两个相邻的详细视图。

<form class="form-inline">
<div class="form-group">    
    <div class="col-xs-5">
        <p><b>Bill To</b></p>
        <div style="border: 1px solid grey; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; width:200px">
            <?= DetailView::widget([
                'model' => $model,
                'bootstrap' => false,
                //'condensed'=>true,
                //'striped' => false,
                //'bordered' => true,
                'labelColOptions' => ['hidden' => true],
                'attributes' => [
                        'company',
                        'billStreetAddress',
                        [
                           'attribute' => 'billStreetAddress2',
                           'visible' => (!empty($model->billStreetAddress2)),
                        ],
                        'billCity',
                        'billPostalcode'
                        ]
                    ])
             ?>
        </div>
    </div>

    <div class="col-xs-5" >
        <p><b>Ship To</b></p>
        <div style="border: 1px solid grey; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; width:200px">
            <?= DetailView::widget([
                'model' => $model,
                'bootstrap' => false,
                'labelColOptions' => ['hidden' => true],
                'attributes' => [
                        'company',
                        'shipStreetAddress',
                        [
                           'attribute' => 'shipStreetAddress2',
                           'visible' => (!empty($model->billStreetAddress2)),
                        ],
                        'shipCity',
                        'shipPostalcode'
                        ]
                    ])
             ?>
        </div>
    </div>
</div>

【讨论】：