2011-08-11 19 views
0

私はZendframeの作業プロジェクトにDataTable javascript libを追加したいと思います。ZendFrameの作業に外部データのlibを追加することは可能ですか?私のzendプロジェクトにDataTableのlibを追加するにはどうしたらいいですか?Zendfreameworkプロジェクト用の外部javascriptライブラリを追加

<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> 

view.phtml

私は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

関連する問題