2

更新:この質問は、Zend Framework の古いバージョンに関するものです。jQuery を Zend Framework 1.9.4 (1.8+) アプリケーションと統合する方法については、この質問を参照してください。

基本的な概念は理解できたと思いますが、どこか間違っているに違いありません。jQuery、jQuery UI、および jQuery テーマを Zend Framework アプリケーションに統合しようとしています。

私のブートストラップでは、jQuery ビュー ヘルパーを登録しています。

$view->addHelperPath(self::$root . '/library/ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper');

私のフォームには、日付ピッカー要素があります。

$date = new ZendX_JQuery_Form_Element_DatePicker('date');

私のレイアウトでは、jQuery ビュー ヘルパーを呼び出しています。

<head>
    <?= $this->jQuery() ?>
</head>

これが完了したら、実際に日付ピッカーを使用できます。唯一の問題は、カレンダーが完全に台無しになっていることです。まったく正しく表示されません。

私が理解していることから、javascript ファイルは自動的に含まれます (そして Google によってホストされます)。したがって、（ThemeRollerからの）さまざまなテーマを使用するには、独自のサーバーで js および css ファイルをホストする必要があります。日付ピッカーに別のテーマを表示させるには、どのようなプロセスを経る必要がありますか?

更新：これを行うことで動作するようになりました。しかし、これが最も効果的な方法であるかどうかはわかりません。

<head>
<? //I couldn't get this way to work
   //$this->jQuery()->addStylesheet('http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/jquery-ui.css');
   //But this way works
   $this->jQuery()->addStylesheet('/js/jquery/themes/ui-lightness/jquery-ui-1.7.1.custom.css')
              ->setLocalPath('/js/jquery/js/jquery-1.3.2.min.js')
              ->setUiLocalPath('/js/jquery/js/jquery-ui-1.7.1.custom.min.js') ?>
    <?= $this->jQuery() ?>
</head>
4

3 に答える 3

0

jquery ui css ファイルをダウンロードする必要があると思います。zip から css ファイルを抽出し、zend アプリ内でローカルに使用できるようにします。ファイルを「[Your_zend_project_root]\public\js\」に追加しました。layout.phtml ファイルで「addStylesheet()」メソッドを使用して、パスをローカル css ファイルに追加します。選択したテーマ名の特定のパスを変更する必要があります。

<?php echo $this->jQuery()
    ->setUiVersion('1.7.2')
    ->addStylesheet('/js/jquery-ui-1.7.2/development-bundle/themes/ui-lightness/jquery-ui-1.7.2.custom.css');?>
于 2009-07-19T16:05:56.650 に答える
0

Google CDN を使用している場合は、独自のサーバーで .css ファイルをホストするだけです。ZendX_Jquery がそれを使用しているかどうかはわかりません。そして、それが機能するようにするためのすべてです。

于 2009-04-14T13:11:22.693 に答える