Category Archives: Jquery

WordPressでjQueryを使う。

WordPressでjQueryが使いたくなったのですが、 なんか勝手に読み込むと競合しちゃうんじゃないかな?という懸念がありました。 ところがWordPressに最初から入っているjQueryを使う、なんて簡単な方法があるんですね。

ヘッダーファイル(header.php)の wp_head()の前に wp_enqueue_script(“jquery”) を呼び出す、と。

 

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>"</p>

 

これは簡単です。まあpluginによっては競合するかもしれないで、気を使ってscriptを書く必要はあると思いますが。

Zend FrameworkでFlexigrid習作

Flexigrid

Jqueryベースのテーブル修飾script、FlexigridをZend Frameworkで使ってみよう、という習作です。

マイコミの記事を参考にしながら作ってみました。

テーブルデータは
id,title,description,date
のありがちな感じで。

とりあえずは、テンプレート。Smartyで作ってありますが、HTMLそのままですから、他のテンプレートでも問題ないでしょう。

[smarty]





Flexigrid Test





[/smarty]

確かjqueryは$(){~だけで、ready()の効果があるような気がしたけど、とりえあず。
Flexigrid本体は、ダウンロード>解凍したものを、ルート/js/flexigrid/の中に直接放り込んであります。今回はjqueryだけ、別途用意したものを読み込んでいますので、pathにご注意ください。
このテンプレートを/flexigrid/index.tplとして保存。

次は、コントローラ部。
上記、ajax部で、/flexigrid/json/を呼んでいますので、jsonActionを内包したコントローラとなります。

[php]
_helper->viewRenderer->setNoRender();

// postリクエスト以外には応対しない。
if (!$this->_request->isPost()) {
return;
}

// リクエストのフィルタリング。
$f = new Zend_Filter_StripTags();

$qtype = $f->filter($this->_request->getPost(‘qtype’));
$query = $f->filter($this->_request->getPost(‘query’));
$page = $f->filter($this->_request->getPost(‘page’,1));
$rp = $f->filter($this->_request->getPost(‘rp’,10));
$sortname = $f->filter($this->_request->getPost(‘sortname’, ‘id’));
$sortorder = $f->filter($this->_request->getPost(‘sortorder’, ‘desc’));

// 該当テーブルの読込。
$table = new Table();

// レコードの総数を求める。(もっと良い方法ありませんか?(^_^;)
// いつもはテーブルクラス側にcount()メソッドを作ってsqlを走らせてます)
$count = $table->select()->from($table, ‘count(id)’)
->query()->fetchColumn();

// クエリ。
$select = $table->select();
$select->limitPage($page, $rp)->order(“$sortname DESC”);
if ($qtype && $query) {
$select->where($qtype . ‘ like ?’, $query);
}
$rows = $select->query()->fetchAll();

// jsonの作成。
$json = array
(
‘page’ => (int) $page,
‘total’ => (int) $count,
);
foreach ($rows as $row) {
$tmp = array();
$tmp[] = $row[‘id’];
$tmp[] = $row[‘title’];
$tmp[] = $row[‘description’];
$tmp[] = $row[‘date’];
$json[‘rows’][] = array(‘cell’ => $tmp);
}
echo json_encode($json);
}
}
[/php]

最後、array $jsonに放り込んでいるところは、array_valuesでもっとスマートにいくんじゃないかな。
前提条件として、Zend_Db_Table_Abstractを継承した、`table`クラスがあるとしています。
こんな感じで

[php]
class Table Extends Zend_Db_Table_Abstract
{
}
[/php]

特に何もいりませんが。

無事、動作しましたでしょうか?
prototypeよりjqueryという方は、flexigrid、良いと思います。