2016-02-24 2 views
3

Я пытаюсь сделать PDF-документ с помощью DOMPDFModule для Zend Framework 2. Он оказывает большую часть успеха, но поля не работают. Вот мой код как для контроллера и вида:DOMPDFModule не корректно отображает поля

public function pdfAction() 
{ 
    $pdf = new PdfModel(); 
    $pdf->setOption('filename', 'questions'); 
    $pdf->setOption('paperSize', 'a3'); 
    $pdf->setOption('paperOrientation', 'landscape'); 

    $pdf->setVariables(array(
     'records' => $this->getQuestionsService()->getRecords() 
    )); 

    return $pdf; 
} 

и вида -

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css"> 

<div class="container"> 
    <div class="row"> 
     <div class="col-md-6"> 
      <img src="http://dev.teeforall.com/images/logo.png"> 
     </div> 

     <div class="col-md-6"> 
      <h1>Questions Report</h1> 
     </div> 
    </div> 
</div> 


    <table class="table table-striped table-hover table-bordered"> 
      <tr> 
       <td>Id</td> <!-- 0 --> 
       <td>Question</td> <!-- 1 --> 
       <td style="white-space: nowrap;">Order Issue</td> <!-- 2 --> 
       <td style="white-space: nowrap;">Shipping Issue</td> <!-- 3 --> 
       <td style="white-space: nowrap;">Refunds/Returns Issues</td><!-- 4 --> 
       <td style="white-space: nowrap;">Update Issues</td> <!-- 5 --> 
       <td style="white-space: nowrap;">Campaign Issue</td> <!-- 6 --> 
       <td style="white-space: nowrap;">Change Issues</td> <!-- 7 --> 
       <td style="white-space: nowrap;">Design Issues</td> <!-- 8 --> 
       <td style="white-space: nowrap;">TeeForAll Works</td> <!-- 9 --> 
       <td style="white-space: nowrap;">Order ID</td> <!-- 10 --> 
       <td style="white-space: nowrap;">Site url</td> <!-- 11 --> 
       <td>Name</td> <!-- 12 --> 
       <td>Email</td> <!-- 13 --> 
       <td>Comment</td> <!-- 14 --> 
       <td>Status</td> <!-- 15 --> 
      </tr> 

      <?php 


       if (false !== $this->records) { 
        foreach ($this->records as $records): ?> 

        <tr> 
         <td><?php echo $records->id; ?></td> <!-- 0 --> 
         <td><?php echo $records->question; ?></td> <!-- 1 --> 
         <td><?php echo $records->order_issue; ?></td> <!-- 2 --> 
         <td><?php echo $records->sub_shipping_issue; ?></td> <!-- 3 --> 
         <td><?php echo $records->sub_refunds_returns_issue; ?></td> <!-- 4 --> 
         <td><?php echo $records->sub_update_issue; ?></td> <!-- 5 --> 
         <td><?php echo $records->sub_campaign_issue; ?></td> <!-- 6 --> 
         <td><?php echo $records->sub_campaign_change_issues; ?></td> <!-- 7 --> 
         <td><?php echo $records->sub_campaign_design_changes; ?></td> <!-- 8 --> 
         <td><?php echo $records->sub_teeforall_works; ?></td> <!-- 9 --> 
         <td><?php echo $records->order_id; ?></td> <!-- 10 --> 
         <td><?php echo $records->site_url; ?></td> <!-- 11 --> 
         <td><?php echo $records->name; ?></td> <!-- 12 --> 
         <td><?php echo $records->email; ?></td> <!-- 13 --> 
         <td><?php echo $records->comment; ?></td> <!-- 14 --> 
         <td><?php echo $records->status; ?></td> <!-- 15 --> 
        </tr> 
       <?php endforeach; ?> 

       <?php } else { ?> 

        <tr> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
         <td>null</td> 
        </tr> 
       <?php 
         } 
       ?> 
    </table> 

Вот фактический код захватывая запись базы данных:

/** 
* Gets all rows from the database table questions 
* @return ResultSet|bool 
*/ 
public function getRecords() 
{ 

    $sql_select = new Select('questions'); 

    $sql_select->columns(array(
     'id', 'question', 'order_issue', 'sub_shipping_issue', 'sub_refunds_returns_issue', 'sub_update_issue', 
     'sub_campaign_issue', 'sub_campaign_change_issues', 'sub_campaign_design_changes', 'sub_teeforall_works', 'order_id', 
     'site_url', 'name', 'email', 'comment', 'status' 
    ))->where(new \Zend\Db\Sql\Predicate\IsNotNull('id')); 


    $select = $this->table_gateway->selectWith($sql_select); 

    if ($select->count() > 0) { 
     return $select; 
    } 

    return false; 

} 

Кроме того, здесь это изображение, которое, вероятно, лучше всего описывает то, что я пытаюсь сказать:

enter image description here

Как вы можете видеть, поля отключены одним (15 должны находиться в поле id) и так далее.

Любая помощь будет оценена по достоинству.

Спасибо!

+0

Почему вы не используете непосредственно класс DOMPDF в своем проекте. –

+0

Это модуль, разработанный, чтобы сделать его проще.см. здесь - https://github.com/raykolbe/DOMPDFModule – user2101411

+0

Возможно, проблема с проверкой данных с помощью print_r ($ this-> getQuestionsService() -> getRecords()) –

ответ

2

Проблема была вызвана https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css, которую вы вызываете из вида. Если быть точным, *:before, *:after приводит к смещению этой строки.

Это известная проблема в DOMPDF:

https://github.com/dompdf/dompdf/issues/1103

https://github.com/dompdf/dompdf/issues/758#issuecomment-86180160

В качестве временного решения можно попробовать добавить следующий код ниже CSS: https://github.com/dompdf/dompdf/issues/1103#issuecomment-185855083 или использовать модифицированную версию bootstrap.min. CSS. Это издание, вы должны сделать: * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } // DELETE NEXT 6 LINES :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } enter image description here После того, как команда DOMPDF есть эта ошибка исправлена, просто убедитесь, что вы не забыли, что:

DOMPDF не особенно терпим к плохо сформированному вводу HTML. В избегайте любых непредвиденных проблем с рендерингом, вы должны либо включить встроенный анализатор HTML5 во время выполнения ($ dompdf-> set_option ('isHtml5ParserEnabled', true);) или запустите HTML с помощью средства проверки/очистки HTML (например, Tidy или W3C Markup Служба валидации).

Вы также можете иметь проблемы с DOMPDFModule, хотя, потому что она требует 0,6. * Версию dompdf, однако isHtml5ParserEnabled доступен только в v0.7.0-бета3. https://github.com/raykolbe/DOMPDFModule/blob/master/composer.json

+0

Итак, где бы я добавил код css? в представлении? – user2101411

+1

, который исправил его, спасибо. – user2101411

0

Код выглядит хорошо, но в основном библиотека PDF не работает так хорошо с CSS.

попробуйте визуализировать pdf-файл с помощью таблицы без css.

Посмотрите, сможет ли DOMPDF сделать это без проблем.

<table> 
     <tr> 
      <td>Id</td> <!-- 0 --> 
      <td>Question</td> <!-- 1 --> 
      <td style="white-space: nowrap;">Order Issue</td> <!-- 2 --> 
      <td style="white-space: nowrap;">Shipping Issue</td> <!-- 3 --> 
      <td style="white-space: nowrap;">Refunds/Returns Issues</td><!-- 4 --> 
      <td style="white-space: nowrap;">Update Issues</td> <!-- 5 --> 
      <td style="white-space: nowrap;">Campaign Issue</td> <!-- 6 --> 
      <td style="white-space: nowrap;">Change Issues</td> <!-- 7 --> 
      <td style="white-space: nowrap;">Design Issues</td> <!-- 8 --> 
      <td style="white-space: nowrap;">TeeForAll Works</td> <!-- 9 --> 
      <td style="white-space: nowrap;">Order ID</td> <!-- 10 --> 
      <td style="white-space: nowrap;">Site url</td> <!-- 11 --> 
      <td>Name</td> <!-- 12 --> 
      <td>Email</td> <!-- 13 --> 
      <td>Comment</td> <!-- 14 --> 
      <td>Status</td> <!-- 15 --> 
     </tr> 

     <tr> 
      <td>Data 0</td> <!-- 0 --> 
      <td>Data 1</td> <!-- 1 --> 
      <td>Data 2</td> <!-- 2 --> 
      <td>Data 3</td> <!-- 3 --> 
      <td>Data 4</td><!-- 4 --> 
      <td>Data 5</td> <!-- 5 --> 
      <td>Data 6</td> <!-- 6 --> 
      <td>Data 7</td> <!-- 7 --> 
      <td>Data 8</td> <!-- 8 --> 
      <td>Data 9</td> <!-- 9 --> 
      <td>Data 10</td> <!-- 10 --> 
      <td>Data 11</td> <!-- 11 --> 
      <td>Data 12</td> <!-- 12 --> 
      <td>Data 13</td> <!-- 13 --> 
      <td>Data 14</td> <!-- 14 --> 
      <td>Data 15</td> <!-- 15 --> 
     </tr> 

</table>   
Смежные вопросы