2011-08-11 100 views
0

我想添加DataTable javascript lib到我的Zendframe工作项目。所以可以将外部数据库添加到ZendFrame的工作?以及如何将DataTable lib添加到我的zend项目中?为Zendfreamework项目添加外部JavaScript库

view.phtml

<script type="text/javascript"> 
    var baseUrl = "<?php echo $this->baseUrl(); ?>"; 
    $(document).ready(function(){ 
     $('.jbutton').button(); 
    }); 
    $(document).ready(function() { 
     $('#example').dataTable(); 
    }); 
</script> 
<span id="edit-doctor" class="jbutton floatright marr5"> 
    <a href="<?php 
echo $this->url(
     array(
    'controller' => 'patients', 
    'action' => 'edit', 
    'id' => $this->patientId 
     ), 'default', true 
); 
?>">Edit Patient</a> 
</span> 
<div class="clear"></div> 
<?php $user = $this->user; ?> 
<h1 class="title"><?php echo $user['name']; ?></h1> 
<div class="underling-green"></div> 
<div class="profile"> 
    <div class="p-image"> 
     <img src="<?php echo $this->baseUrl() . '/images/users/' . $user['image']; ?>"/> 
    </div> 
    <div class="category mart50"> 
     <div class="sub-title">Personal Details</div> 
     <table> 
      <tbody> 
       <tr> 
        <td class="p-title">Email</td> 
        <td class="p-body"> 
         <span class="p-seperate">:</span> 
         <?php echo $user['email']; ?> 
        </td> 
       </tr> 
       <tr> 
        <td class="p-title">Birth Day</td> 
        <td class="p-body"> 
         <span class="p-seperate">:</span> 
         <?php echo $user['bday']; ?> 
        </td> 
       </tr> 
       <tr> 
        <td class="p-title">Telephone</td> 
        <td class="p-body"> 
         <span class="p-seperate">:</span> 
         <?php echo $user['telno']; ?> 
        </td> 
       </tr> 
       <tr> 
        <td class="p-title">Address</td> 
        <td class="p-body"> 
         <span class="p-seperate">:</span> 
         <?php echo $user['address']; ?>      
        </td> 
       </tr> 
      </tbody> 
     </table>  
     <table id="example"> 
      <thead> 
       <tr> 
        <th>Column 1</th> 
        <th>Column 2</th> 
        <th>etc</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>Row 1 Data 1</td> 
        <td>Row 1 Data 2</td> 
        <td>etc</td> 
       </tr> 
       <tr> 
        <td>Row 2 Data 1</td> 
        <td>Row 2 Data 2</td> 
        <td>etc</td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</div> 
<div class="clear"></div> 

我想拍 “榜样” 表预览作为DataTalbe我该怎么办呢?

+0

你到目前为止试过了什么?发布您遇到的问题代码,我们不在这里做教程,但我们会帮助解决特定的编码问题。 – vascowhite

+0

我无法理解教程的边界并帮助编码问题。任何方式感谢您要求我的编码我会附上我的问题 – user881703

回答

1

只需将lib和jQuery或任何其他必需的js库放入.e.g中即可。 public/js然后在你的layout.phtml(头部)中做如下操作:

$this->headScript()->prependFile($this->baseUrl('/js/jquery-version.js')); 
$this->headScript()->appendFile($this->baseUrl('/js/datatableLib.js')); 

echo $this->headScript(); 
+0

@Marchin我添加了我的view.phtml的顶部,但不起作用 – user881703

+0

@ user881703。这应该添加到你的layout.phtml中的head部分。 – Marcin

+0

@Marchin在我的layout.phtml中没有head标签。可能在某个地方,但我对zendframe工作很陌生。所以你可以告诉把代码放在哪里 – user881703