logo

Archive for 8 月 20th, 2008


protocalendar.js 用の CakePHP1.2対応のヘルパメソッド（のひな形）を公開しました

Post on 8 月 20th, 2008 by kusakari   del.icio.us この記事をクリップ！ はてブカウンターこの記事をはてなブックマークに登録

CakePHP1.2 対応版を作ったので公開します。

以下の funciton を FormHelper を継承した上で、JavascriptHelper を読み込んだヘルパーに追加します。（今回は SpHelper とします。）

<?php
class SpHelper extends FormHelper {
  var $helpers = array('Html', 'Javascript');

  function dateInput($fieldName, $options = array(), $calOptions = array()) {
    if (!isset($options['value'])) {
      $date = $this->value($fieldName);
      if ($date) {
        $options['value'] = date('Y/m/d', strtotime($date));
      }
    }
    $result = $this->text($fieldName, $options);  

    if (!empty($options['id'])) {
      $styleId = $options['id'];
    } else {
      $styleId = Inflector::camelize($this->model()) . Inflector::camelize($this->field());
    }

    $script = "  InputCalendar.createOnLoaded('{$styleId}', {";
    $lang = !empty($calOptions['lang']) ? "lang:{$calOptions['lang']} " : "lang:'ja'";
    $script .= $lang;
    if (!empty($calOptions['startYear'])) {
      $script .= ", startYear:{$calOptions['startYear']} ";
    }
    if (!empty($calOptions['endYear'])) {
      $script .= ", endYear:{$calOptions['endYear']} ";
    }
    $script .= "});";

    return ($result . $this->Javascript->codeBlock($script));
  }
}
?>

layout ファイルでは prototype.js を読み込み、$scripts_for_layout を使って、ビューから javascript を追加できるようにします。

（省略）
  <head>
（省略）
  <?php
    echo $javascript->link('prototype');
    echo $scripts_for_layout;
  ?>
  </head>
（省略）

view ファイルでは $scripts_for_layout の部分に追加する css, javascript をまず読み込んだ上で、SpHelper の dateInput function を使って protocalendar を表示します。


<?php $html->css('protocalendar/simple', null, array(), false); ?>
<?php $javascript->link('protocalendar/protocalendar', false); ?>
<?php $javascript->link('protocalendar/lang_ja', false); ?>
（省略）
<?php echo $sp->dateInput('date'); ?>
（省略）

Category cakephp, protocalendar.js | 4 Comments »


©2007 spookies