cakephpでの共通ファイル(js)の実装

Question

現在のjavascriptをviewに記述していますが、様々なviewで処理が全く同じだけど、セレクタ指定が違うだけの記述があります。
どうやって共通可すればいいでしょうか？

Comments

[退会済みユーザー]

jqueryなのかquerySelectorなのかはたまた別のなにかなのか

Answer 1

Helperを使うといいと思います。
Helperの場合は引数を明示的に渡したり、
関係のあるjsの処理をclassにまとめることができるので管理もしやすいかと思います。

class HogeScriptHelper extends AppHelper {
  
  public function hogeText($selector) {
    $this->_View->Html->scriptStart(array('inline' => false));
    echo <<<SCRIPT
$('{$selector}').text('hoge!');
SCRIPT;
    $this->_View->Html->scriptEnd();
  }
}

別の書き方

class HogeScriptHelper extends AppHelper {

  // 使用するHelperの宣言
  public $helpers = array('Html');
  
  public function hogeText($selector) {
    $this->Html->scriptStart(array('inline' => false));
    echo <<<SCRIPT
$('{$selector}').text('hoge!');
SCRIPT;
    $this->Html->scriptEnd();
  }
}

上記のHelperを作成してViewにて

$this->HogeScript->hogeText('.hoge');

Answer 2

javascriptのコードを別のファイルに記載して、各Viewでそのjsファイルを読み込めばいいと思いますよ
jsファイルはwebroot/js配下に置くのが普通です。
view側からjsファイルを読み込む方法はcakephpのバージョンによって記述方法は少し異なります

// Cakephp2
$this->Html->script('hoge.js', array('inline' => false));

// Cakephp3
$this->Html->script('hoge', ['block' => true]);

Comments

[popobot]

ああ、「セレクタ指定」だけ違うんですね...すみません。
まぁそれだけは各Viewに書くか... 共通な属性でも設定して、セレクタも共通化すればいい気がします。