<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>MT Systems &#187; Yii</title>
	<atom:link href="http://web.mt-systems.jp/archives/category/yii/feed" rel="self" type="application/rss+xml" />
	<link>http://web.mt-systems.jp</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Tue, 10 Jan 2012 01:55:29 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Yii フォーム入力データのバリデーション</title>
		<link>http://web.mt-systems.jp/archives/460</link>
		<comments>http://web.mt-systems.jp/archives/460#comments</comments>
		<pubDate>Thu, 10 Jun 2010 04:32:04 +0000</pubDate>
		<dc:creator>管理人</dc:creator>
				<category><![CDATA[Yii]]></category>

		<guid isPermaLink="false">http://web.mt-systems.jp/?p=460</guid>
		<description><![CDATA[フォーム入力されたデータのバリデーションは、ActiveRecord を継承したモデルクラスの rules() メソッドの定義で、プロパティごとに評価される。評価は、framework/validators ディレクトリにあるプログラムが実行されることで行なわれるが、自分で新しく作る必要がないほど量が豊富だ。 そのため、rules() メソッドを使うためのチートシートが用意されている。 Yii Framework 1.1 Validators Cheatsheet バリデーションの書き方がよく分からない事もあるので、チュートリアル以外の使い方の例があれば、それを書き留めておきます。 日付入力が yyyy-mm-dd の形式で入力されているかチェックする public function rules() { return array( ： array('day', 'type', 'type'=>'date', 'dateFormat'=>'yyyy-MM-dd'), ); } &#8216;type&#8217; は &#8216;date&#8217; の他、&#8217;time&#8217;、&#8217;datetime&#8217;、&#8217;integer&#8217; などがある。形式指定のキーは、&#8217;time&#8217; なら &#8216;timeFormat&#8217;、&#8217;datetime&#8217; なら &#8216;datetimeFormat&#8217; で、&#8217;integer&#8217; の場合は必要ない。形式に使う記号は、クラスリファレンスの CDateTimeParser に説明がある。 (100610 yii-1.1.2.r2086)]]></description>
			<content:encoded><![CDATA[<p>フォーム入力されたデータのバリデーションは、ActiveRecord を継承したモデルクラスの rules() メソッドの定義で、プロパティごとに評価される。評価は、framework/validators ディレクトリにあるプログラムが実行されることで行なわれるが、自分で新しく作る必要がないほど量が豊富だ。</p>
<p>そのため、rules() メソッドを使うためのチートシートが用意されている。</p>
<p><a href="http://yii.googlecode.com/files/yii-1.1.0-validator-cheatsheet.pdf">Yii Framework 1.1 Validators Cheatsheet</a></p>
<p>バリデーションの書き方がよく分からない事もあるので、チュートリアル以外の使い方の例があれば、それを書き留めておきます。</p>
<h3>日付入力が yyyy-mm-dd の形式で入力されているかチェックする</h3>
<pre class="brush:php">
public function rules() {
	return array(
		：
		array('day', 'type', 'type'=>'date', 'dateFormat'=>'yyyy-MM-dd'),
	);
}
</pre>
<p>&#8216;type&#8217; は &#8216;date&#8217; の他、&#8217;time&#8217;、&#8217;datetime&#8217;、&#8217;integer&#8217; などがある。形式指定のキーは、&#8217;time&#8217; なら &#8216;timeFormat&#8217;、&#8217;datetime&#8217; なら &#8216;datetimeFormat&#8217; で、&#8217;integer&#8217; の場合は必要ない。形式に使う記号は、クラスリファレンスの <a href="http://www.yiiframework.com/doc/api/CDateTimeParser">CDateTimeParser</a> に説明がある。</p>
<p>(100610 yii-1.1.2.r2086)</p>
]]></content:encoded>
			<wfw:commentRss>http://web.mt-systems.jp/archives/460/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yii CGridView パラメータの指定2</title>
		<link>http://web.mt-systems.jp/archives/459</link>
		<comments>http://web.mt-systems.jp/archives/459#comments</comments>
		<pubDate>Tue, 08 Jun 2010 02:26:40 +0000</pubDate>
		<dc:creator>管理人</dc:creator>
				<category><![CDATA[Yii]]></category>

		<guid isPermaLink="false">http://web.mt-systems.jp/?p=459</guid>
		<description><![CDATA[CGridView は、かなり複雑な指定ができるようで奥が深い。こんなことできないかなぁ、と思って試してみると思った通りの結果が得られて驚かされる。で、いつものように備忘録となります。標題は「指定2」で、「指定1」は「Yii actionAdminのsearch-formとCGridViewで悪戦苦闘」がそれに当たる。 項目のデータを、3桁区切りのコンマを付けて右寄せ表示したい &#60;php $this-&#62;widget('zii.widgets.grid.CGridView', array( 'id'=&#62;'price-grid', // データ件数、テーブル、ページネーションを囲むdivタグのid名 'dataProvider'=&#62;$dataProvider, 'columns'=&#62;array( 'id', 'title', array( 'name'=&#62;'price', 'value'=&#62;'number_format($data->price)', 'htmlOptions'=&#62;array('style'=>'text-align:right'), ), ), )); ?&#62; DBのカラム名だけ指定すると、表のヘッダー名(thタグ)はモデルの「attributeLabels()」メソッドの値が使われる。 上の例のように、&#8217;name&#8217; にDBのカラム名を指定すると、同様にモデルの「attributeLabels()」メソッドの値が利用される。あるいは、別の文字列を与えればそれが表示される。 3桁区切りは、PHPの number_format() 関数を利用すればよい。PHP 5.3 からは無名関数が利用できるので、複雑な処理ができるようになる。 表示の右寄せは CSS で指定するが、&#8217;htmlOptions&#8217; を使って td タグ出力に属性を追加する事ができる。 1カラムにリンク項目を2つ以上セットしたい場合 １行に表示するデータで、そのデータの編集処理へのリンクを最後のカラムに置きたい場合、「その1」で述べた方法や次のような CHtml::link を使った方法がある。 &#60;php $this-&#62;widget('zii.widgets.grid.CGridView', array( 'id'=&#62;'price-grid', 'dataProvider'=&#62;$dataProvider, 'columns'=&#62;array( 'id', 'title', array( 'name'=&#62;'price', 'value'=&#62;'number_format($data->price)', 'htmlOptions'=&#62;array('style'=>'text-align:right'), ), array( 'name'=&#62;'処理', [...]]]></description>
			<content:encoded><![CDATA[<p>CGridView は、かなり複雑な指定ができるようで奥が深い。こんなことできないかなぁ、と思って試してみると思った通りの結果が得られて驚かされる。で、いつものように備忘録となります。標題は「指定2」で、「指定1」は「<a href="http://web.mt-systems.jp/archives/422">Yii actionAdminのsearch-formとCGridViewで悪戦苦闘</a>」がそれに当たる。</p>
<h3>項目のデータを、3桁区切りのコンマを付けて右寄せ表示したい</h3>
<pre class="brush:php wrap-lines:false">
&lt;php $this-&gt;widget('zii.widgets.grid.CGridView', array(
	'id'=&gt;'price-grid', // データ件数、テーブル、ページネーションを囲むdivタグのid名
	'dataProvider'=&gt;$dataProvider,
	'columns'=&gt;array(
		'id',
		'title',
		array(
			'name'=&gt;'price',
			'value'=&gt;'number_format($data->price)',
			'htmlOptions'=&gt;array('style'=>'text-align:right'),
		),
	),
));
?&gt;
</pre>
<p>DBのカラム名だけ指定すると、表のヘッダー名(thタグ)はモデルの「attributeLabels()」メソッドの値が使われる。</p>
<p>上の例のように、&#8217;name&#8217; にDBのカラム名を指定すると、同様にモデルの「attributeLabels()」メソッドの値が利用される。あるいは、別の文字列を与えればそれが表示される。</p>
<p>3桁区切りは、PHPの number_format() 関数を利用すればよい。PHP 5.3 からは無名関数が利用できるので、複雑な処理ができるようになる。</p>
<p>表示の右寄せは CSS で指定するが、&#8217;htmlOptions&#8217; を使って td タグ出力に属性を追加する事ができる。</p>
<h3>1カラムにリンク項目を2つ以上セットしたい場合</h3>
<p>１行に表示するデータで、そのデータの編集処理へのリンクを最後のカラムに置きたい場合、「その1」で述べた方法や次のような CHtml::link を使った方法がある。</p>
<pre class="brush:php wrap-lines:false">
&lt;php $this-&gt;widget('zii.widgets.grid.CGridView', array(
	'id'=&gt;'price-grid',
	'dataProvider'=&gt;$dataProvider,
	'columns'=&gt;array(
		'id',
		'title',
		array(
			'name'=&gt;'price',
			'value'=&gt;'number_format($data->price)',
			'htmlOptions'=&gt;array('style'=>'text-align:right'),
		),
		array(
			'name'=&gt;'処理',
			'type'=&gt;'raw',
			'value'=&gt;'CHtml::link("編集", array("edit", "id"=&gt;$data-&gt;id))',
		),
	),
));
?&gt;
</pre>
<p>では、編集処理のリンクの後ろに「編集 | 削除」のように、削除処理のリンクを追加したい場合はどうしたらよいのだろうか？</p>
<p>&#8216;value&#8217; の値に配列を指定すると、ビューからコントローラのメソッドを呼び出す仕掛けが用意されている。それを利用すればよい。これは、&#8217;value&#8217; の値に array(データ, メソッド名) と指定する。</p>
<pre class="brush:php wrap-lines:false">
&lt;php $this-&gt;widget('zii.widgets.grid.CGridView', array(
	'id'=&gt;'price-grid',
	'dataProvider'=&gt;$dataProvider,
	'columns'=&gt;array(
		'id',
		'title',
		array(
			'name'=&gt;'price',
			'value'=&gt;'number_format($data->price)',
			'htmlOptions'=&gt;array('style'=>'text-align:right'),
		),
		array(
			'name'=&gt;'処理',
			'type'=&gt;'raw',
			'value'=&gt;array($this, 'linkRender')
		),
	),
));
?&gt;

//コントローラのメソッド
protected function linkRender($data, $row, $grid)
{
	$edit = CHtml::link('編集', array('edit', 'id'=>$data->id));
	$delete = CHtml::link('削除', array('delete', 'id'=>$data->id));
	return "{$edit} | {$delete}";
}
</pre>
<p>(100608 yii-1.1.2.r2086)</p>
]]></content:encoded>
			<wfw:commentRss>http://web.mt-systems.jp/archives/459/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yii Gii 利用開始メモ</title>
		<link>http://web.mt-systems.jp/archives/438</link>
		<comments>http://web.mt-systems.jp/archives/438#comments</comments>
		<pubDate>Wed, 05 May 2010 03:22:27 +0000</pubDate>
		<dc:creator>管理人</dc:creator>
				<category><![CDATA[Yii]]></category>

		<guid isPermaLink="false">http://web.mt-systems.jp/?p=438</guid>
		<description><![CDATA[新しい作業を始める際、作業手順を忘れて毎度もたつくのでメモをしておこうかと。 １．インストール Yii 本体(frameworkディレクトリ)を公開領域外にコピー php yiic.php webapp /web directory でアプリ環境生成 生成された protected を非公開領域へ移動 index.php 内の system と config/main.php のパス定義変更 参考：Blog Tutorial スキャホールディングとモジュールの配置 ２．Gii 利用の段取り config/main.php に &#8216;module&#8217; を追加 Gii による自動コード生成 パスワード以外にクライアント側 ip アドレスを指定 これで、「http://xxx.example.com/index.php?r=gii」でパスワードを入力して Web 上から作業開始できる。DB のテーブル定義をしっかりと行なっておく事。 以下、Gii の実行ページ例]]></description>
			<content:encoded><![CDATA[<p>新しい作業を始める際、作業手順を忘れて毎度もたつくのでメモをしておこうかと。</p>
<p>１．インストール</p>
<ul>
<li>Yii 本体(frameworkディレクトリ)を公開領域外にコピー</li>
<li>php yiic.php webapp /web directory でアプリ環境生成</li>
<li>生成された protected を非公開領域へ移動</li>
<li>index.php 内の system と config/main.php のパス定義変更</li>
</ul>
<p>参考：<a href="http://web.mt-systems.jp/archives/384">Blog Tutorial スキャホールディングとモジュールの配置</a></p>
<p>２．Gii 利用の段取り</p>
<ul>
<li>config/main.php に &#8216;module&#8217; を追加<br />
<a href="http://www.yiiframework.com/doc/guide/topics.gii">Gii による自動コード生成</a></li>
<li>パスワード以外にクライアント側 ip アドレスを指定</li>
</ul>
<p>これで、「http://xxx.example.com/index.php?r=gii」でパスワードを入力して Web 上から作業開始できる。DB のテーブル定義をしっかりと行なっておく事。</p>
<p>以下、Gii の実行ページ例</p>
<p><img src="http://web.mt-systems.jp/images/blog/2010/giitop.jpg" alt="" title="giitop" width="480" height="272" class="aligncenter size-full wp-image-439" /></p>
<p><img src="http://web.mt-systems.jp/images/blog/2010/giictrler.jpg" alt="" title="giictrler" width="480" height="271" class="aligncenter size-full wp-image-440" /></p>
]]></content:encoded>
			<wfw:commentRss>http://web.mt-systems.jp/archives/438/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yii actionAdminのsearch-formとCGridViewで悪戦苦闘</title>
		<link>http://web.mt-systems.jp/archives/422</link>
		<comments>http://web.mt-systems.jp/archives/422#comments</comments>
		<pubDate>Wed, 28 Apr 2010 03:15:57 +0000</pubDate>
		<dc:creator>管理人</dc:creator>
				<category><![CDATA[Yii]]></category>

		<guid isPermaLink="false">http://web.mt-systems.jp/?p=422</guid>
		<description><![CDATA[Ver.1.1.1 になってAjax検索やフィルタが追加されたのだが、スキャフォールドで吐き出されたアクションやビューを見たり、あるいはドキュメントを見ても使い方がよく分からない。そこでドキュメントの例など見ながらいろいろ操作して、結果何となく動くようになった今の時点でのメモです。 データが GridView に表示されない 吐き出されたビューには、表のタイトル直下にフィルタ入力用の項目が差し込まれる。また、「Advanced Search」リンクボタンにより全ての項目を含む検索ブロックが利用できる。それぞれの検索条件は、どうやらモデルに出力されたメソッド「search()」を利用するようだ。 ところで最初の表示でそれらの項目には、テーブル定義で設定した default 値がセットされる。そのため、数値項目で「0」をデフォルトに指定しているとそれを一致条件として検索するため、データが何も表示されないハメになるようだ。 回避策として、$model インスタンスのテーブル項目属性に null など初期値を与えておくとよい。 Grid View のフィルタを使わないようにしたい CGridView ウィジェットに与えるパラメータに「&#8217;filter&#8217;=>$model」と言うのがあり、この「filter」パラメータを取り去ってしまえばよい。 Grid View の表示項目にリレーションデータを表示したい 例えば、モデルで以下のように定義されていたとする。 public function relations() { return array( 'category' => array(self::BELONGS_TO, 'Category', 'category_id'), ); } ビューでカテゴリ名を表示したいとき &#60;?php $this->widget('zii.widgets.grid.CGridView', array( 'dataProvider'=&#62;$dataProvider, 'columns'=&#62;array( 'title', array( 'name'=&#62;'カテゴリ名', 'value'=&#62;'$data-&#62;category-&#62;name', ), array( 'class'=&#62;'CButtonColumn', 'template'=&#62;'{view} {update}', 'viewButtonUrl'=&#62;'Yii::app()-&#62;createUrl("/post/archive", array("id"=&#62;$data-&#62;id))', ), ), [...]]]></description>
			<content:encoded><![CDATA[<p>Ver.1.1.1 になってAjax検索やフィルタが追加されたのだが、スキャフォールドで吐き出されたアクションやビューを見たり、あるいはドキュメントを見ても使い方がよく分からない。そこでドキュメントの例など見ながらいろいろ操作して、結果何となく動くようになった今の時点でのメモです。</p>
<h3>データが GridView に表示されない</h3>
<p>吐き出されたビューには、表のタイトル直下にフィルタ入力用の項目が差し込まれる。また、「Advanced Search」リンクボタンにより全ての項目を含む検索ブロックが利用できる。それぞれの検索条件は、どうやらモデルに出力されたメソッド「search()」を利用するようだ。</p>
<p>ところで最初の表示でそれらの項目には、テーブル定義で設定した default 値がセットされる。そのため、数値項目で「0」をデフォルトに指定しているとそれを一致条件として検索するため、データが何も表示されないハメになるようだ。</p>
<p>回避策として、$model インスタンスのテーブル項目属性に null など初期値を与えておくとよい。</p>
<h3>Grid View のフィルタを使わないようにしたい</h3>
<p>CGridView ウィジェットに与えるパラメータに「&#8217;filter&#8217;=>$model」と言うのがあり、この「filter」パラメータを取り去ってしまえばよい。</p>
<h3>Grid View の表示項目にリレーションデータを表示したい</h3>
<p>例えば、モデルで以下のように定義されていたとする。</p>
<pre class="brush:php wrap-lines:false">
public function relations() {
	return array(
		'category' => array(self::BELONGS_TO, 'Category', 'category_id'),
	);
}
</pre>
<p>ビューでカテゴリ名を表示したいとき</p>
<pre class="brush:php wrap-lines:false">
&lt;?php $this->widget('zii.widgets.grid.CGridView', array(
	'dataProvider'=&gt;$dataProvider,
	'columns'=&gt;array(
		'title',
		array(
			'name'=&gt;'カテゴリ名',
			'value'=&gt;'$data-&gt;category-&gt;name',
		),
		array(
			'class'=&gt;'CButtonColumn',
			'template'=&gt;'{view} {update}',
			'viewButtonUrl'=&gt;'Yii::app()-&gt;createUrl("/post/archive", array("id"=&gt;$data-&gt;id))',
		),
	),
)); ?&gt;
</pre>
<p>のようにして関係データを表示できる。</p>
<p>また、編集などのボタンリンクは、「template」パラメータで「{delete}」を指定しない事で２つだけにしたり、「viewButtonUrl」でリンク先を変更したりできる。</p>
<h3>sub query を利用したデータを使いたい</h3>
<p>例えば、post データの中からカテゴリ別に最新の記事の一覧を表示したいとする。post データには category_id 項目があるとする。SQL の副問い合わせを利用して</p>
<pre class="brush:php wrap-lines:false">
$sql = "SELECT * FROM post WHERE id IN "
	. "(SELECT MAX(id) FROM post GROUP BY category_id);";
$posts = Post::model()-&gt;findAllBySql($sql);
</pre>
<p>と検索できる。これは残念ながら CGridView の data provider には使えないようだ。同じような質問がフォーラムに上がっていた。<br />
<a href="http://www.yiiframework.com/forum/index.php?/topic/8339-using-addincondition-with-sub-query/" target="_new">Using addInCondition() with sub-query</a></p>
<p>そこで、それを参考に強引にやったやり方が次の通り。</p>
<pre class="brush:php wrap-lines:flase">
$posts = Post::model()-&gt;findAll(array(
	'select'=&gt;array(new CDbExpression('MAX(id) as id')),
	'group'=&gt;'category_id',
));

foreach ($posts as $post) {
	$ids[] = $post-&gt;id;
}

$cr = new CDbCriteria;
$cr->addInCondition('id', $ids);
$dataProvider = new CActiveDataProvider('Post', array(
	'criteira'=&gt;$cr,
));

$this-&gt;render('admin', array(
	'dataProvider'=&gt;$dataProvider,
));
</pre>
<p>この中で、関数 MAX() を使った場合、オブジェクトに項目のデータをどうやって引き込むのか悩んだ。取りあえずプログラム例のようにやったらできた、と言うだけ。本当の使い方はよく分かりません。なお使われている SQL を見ると、MAX(id) は、MAX(t.id) の方がいいかも知れません。</p>
<p>ページネーションできるかこれから検討です。&#8212; (できました)</p>
<h3>CGridView の項目(カラム)のデータにリンクを貼りたい</h3>
<p>カテゴリ名をクリックすると、そのカテゴリのアーカイブを表示する処理へ移るリンクを貼りたいときは、どうすればいいのだろうか？以下のようにするとできた。</p>
<pre class="brush:php wrap-lines:false">
&lt;?php $this->widget('zii.widgets.grid.CGridView', array(
	'dataProvider'=&gt;$dataProvider,
	'columns'=&gt;array(
		'title',
		array(
			'header'=&gt;'カテゴリ名',
			'class'=&gt;'CLinkColumn',
			'labelExpression'=&gt;'$data-&gt;category-&gt;name',
			'urlExpression'=&gt;'array("archive/category", "id"=&gt;$data->category->id)',
		),
		array(
			'class'=&gt;'CButtonColumn',
			'template'=&gt;'{view} {update}',
			'viewButtonUrl'=&gt;'Yii::app()-&gt;createUrl("/post/archive", array("id"=&gt;$data-&gt;id))',
		),
	),
)); ?&gt;
</pre>
<p>どうやら html の部品は、framework/zii/widgets/grid にあるクラスを使えばいいようだ。時間が掛った &#8230; orz</p>
<p>ところで、value の指定に 「CHtml::link(&#8220;label&#8221;, url)」を利用すると、タグがhtmlエンティティに置き換えられる(&#8216;type&#8217;=&gt;&#8217;raw&#8217;の指定をすればいいことが後で分かった)。</p>
<p>それと、ここで指定された処理は eval() で実行されるため、eval() を利用しない方法として、call_user_func_array() で実行する方法がフォーラムにありました。</p>
<p><a href="http://www.yiiframework.com/forum/index.php?/topic/8155-avoid-eval-on-cgridview-columns-values/" blank="_new">avoid eval() on CGridView columns&#8217; values<br />
</a><br />
(yii-1.1.1.r1907)</p>
]]></content:encoded>
			<wfw:commentRss>http://web.mt-systems.jp/archives/422/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yii JavaScriptソース、ファイルの組み込みについて</title>
		<link>http://web.mt-systems.jp/archives/421</link>
		<comments>http://web.mt-systems.jp/archives/421#comments</comments>
		<pubDate>Mon, 26 Apr 2010 10:10:32 +0000</pubDate>
		<dc:creator>管理人</dc:creator>
				<category><![CDATA[Yii]]></category>

		<guid isPermaLink="false">http://web.mt-systems.jp/?p=421</guid>
		<description><![CDATA[JavaScript をビューに、フレキシブルに組み込むやり方についてまとめてみた。ドキュメントや検索でそれらしい記事が見つからなかったので、個人的な推測を交えての備忘録となります。 JavaScript のコードは 、HTML の head 部、body 部どちらに挿入してもいいのだが、body 部はコンテンツ中心としたいので、専ら head 部に組み込むようにしたい。ただし、レイアウトのフレームに固定で組み込むのは、JavaScript プログラムを利用しないページ表示でロード時間やトラフィックを考えると好ましくない。 コントローラの各アクションで用意するビュー内で、必要に応じて組み込んだり、組み込まなかったりを、 Yii が予め用意するプログラムファイル 自分が用意したプログラムファイル ファイルにするほどではないスニペット GoogleのAjaxライブラリ について、head 部に組み込んで利用する方法を見る。 Yii が予め用意するプログラムファイル jQuery やその周りのプログラムが、ライブラリをインストールすると一緒に保存される。スキャホールドでプログラムしたり、widget を利用すると自動的に組み込んで使えるようにしてくれる。 そのような使い方でなく、自分で JavaScript のプログラムを書く際、jQuery を組み込んで利用したい訳で、そのやり方である。「CClientScript」クラスを利用する。以下にビューにおいて jQuery の組み込みを示す。 &#60;?php $cs = Yii::app()-&#62;clientScript; $cs->registerCoreScript('jquery'); 予めライブラリに用意された JavaScript プログラムは、core scripts として「framework/web/js/packages.php」に登録されている。 自分が用意したプログラムファイル 例えば公開ディレクトリに「js」ディレクトリを用意し、そこにまとめてプログラムを保管しリンクするのが一般的だと思う。Yii では、非公開ディレクトリにあるファイルを公開ディレクトリにコピーし、それをリンクして使う方法がある。 あるアクションに限定して使うようなファイルを、ビューディレクトリに保存して利用できれば、Widget などを外部パッケージで提供する際便利だと思う。 以下の例は、Site コントローラの login アクションで、md5 ハッシュ値を求めるための md5.js プログラムファイルをビューディレクトリ配下で「js/md5.js」と用意して、非公開領域から公開領域にコピーしてリンクする方法である。 &#60;?php [...]]]></description>
			<content:encoded><![CDATA[<p>JavaScript をビューに、フレキシブルに組み込むやり方についてまとめてみた。ドキュメントや検索でそれらしい記事が見つからなかったので、個人的な推測を交えての備忘録となります。</p>
<p>JavaScript のコードは 、HTML の head 部、body 部どちらに挿入してもいいのだが、body 部はコンテンツ中心としたいので、専ら head 部に組み込むようにしたい。ただし、レイアウトのフレームに固定で組み込むのは、JavaScript プログラムを利用しないページ表示でロード時間やトラフィックを考えると好ましくない。</p>
<p>コントローラの各アクションで用意するビュー内で、必要に応じて組み込んだり、組み込まなかったりを、</p>
<ul>
<li>Yii が予め用意するプログラムファイル</li>
<li>自分が用意したプログラムファイル</li>
<li>ファイルにするほどではないスニペット</li>
<li>GoogleのAjaxライブラリ</li>
</ul>
<p>について、head 部に組み込んで利用する方法を見る。</p>
<h3>Yii が予め用意するプログラムファイル</h3>
<p>jQuery やその周りのプログラムが、ライブラリをインストールすると一緒に保存される。スキャホールドでプログラムしたり、widget を利用すると自動的に組み込んで使えるようにしてくれる。</p>
<p>そのような使い方でなく、自分で JavaScript のプログラムを書く際、jQuery を組み込んで利用したい訳で、そのやり方である。「CClientScript」クラスを利用する。以下にビューにおいて jQuery の組み込みを示す。</p>
<pre class="brush:js wrap-lines:false">
&lt;?php
$cs = Yii::app()-&gt;clientScript;
$cs->registerCoreScript('jquery');
</pre>
<p>予めライブラリに用意された JavaScript プログラムは、core scripts として「framework/web/js/packages.php」に登録されている。</p>
<h3>自分が用意したプログラムファイル</h3>
<p>例えば公開ディレクトリに「js」ディレクトリを用意し、そこにまとめてプログラムを保管しリンクするのが一般的だと思う。Yii では、非公開ディレクトリにあるファイルを公開ディレクトリにコピーし、それをリンクして使う方法がある。</p>
<p>あるアクションに限定して使うようなファイルを、ビューディレクトリに保存して利用できれば、Widget などを外部パッケージで提供する際便利だと思う。</p>
<p>以下の例は、Site コントローラの login アクションで、md5 ハッシュ値を求めるための md5.js プログラムファイルをビューディレクトリ配下で「js/md5.js」と用意して、非公開領域から公開領域にコピーしてリンクする方法である。</p>
<pre class="brush:js wrap-lines:false">
&lt;?php
$cs = Yii::app()-&gt;clientScript;
$cs-$gt;registerScriptFile(CHtml::asset('js/md5.js'), CClientScript::POS_HEAD);
</pre>
<h3>ファイルにするほどでないスニペット</h3>
<p>jQuery を利用すると、短いプログラムで記述することができる。それをいちいちファイルにせず、ソースを HTML に組み込んでしまう方法である。例は、入力されたパスワードの値を md5 ハッシュ値に変換するものである。</p>
<pre class="brush:js wrap-lines:false">
&lt;?php
$cs = Yii::app()-&gt;clientScript;
$script = &lt;&lt;&lt; JS
jQuery(document).ready(function($) {
	$("form").submit(function() {
		$("#login_password").val(md5($("#password").val()));
		return true;
	});
});
JS;
$cs-&gt;registerScript('1', $script, CClientScript::POS_HEAD);
</pre>
<h3>Google の Ajax ライブラリ</h3>
<p>CGoogleApi というヘルパークラスがあるのでこれを利用する。このクラスの register() メソッドを利用すると、head 部に組み込んでくれる。ただし、追加したいコードは POS_HEAD 以外、例えば POS_BEGIN などにしないと jQuery のイベント処理が動作しないので注意する。</p>
<pre class="brush:js wrap-lines:false">
&lt;?php
CGoogleApi::register('jquery', '1.4.2');
$cs = Yii::app()-$gt;clientScript;
$cs-&gt;registerScript('1', $script, CClientScript::POS_BEGIN);
</pre>
]]></content:encoded>
			<wfw:commentRss>http://web.mt-systems.jp/archives/421/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

