カテゴリー: プログラミング

JavaScirptで利用できるテンプレートエンジンに「jQuery Templates」がある。これにはjquery-tmpl-railsというgemも用意されていて、すぐに使い始めることができる。使い方のチュートリアルとしてはブログ記事”jQuery公式のテンプレートplugin 「jQuery Templates」-JavaScript Library Archive“が分かりやすい。

railsのurl helperを使うと、routes.rbに書かれた内容に沿ってURLを自動で生成してくれる。例えば、routes.rbにresource :booksと書いていた場合、指定のIDのBookのページのURLを取得するにはbook_path(:id)と書けばよい。詳しくは以下参照。
2.3 Paths and URLs – Ruby on Rails Guides: Rails Routing from the Outside In
この時、:idに相当する部分は自動でURLエンコードされる。ここをjQuery Templatesで書き換えたい場合、ダラー( $ )と波括弧( { と } )がエスケープされてしまう。それを避ける方法。

あまり綺麗な書き方ができなかったので、もっとベターな方法(例えばURLHelperの機能を使う時にURLエンコードを禁止するような方法)があったらどなたか教えてください。

-# 以下はダミーコードで、動作検証はしていません

%ul#user-list

%script#profile-template(type="text/x-jquery-tmpl")
  %li
    != link_to('${user.name}', user_path('---1')).sub('---1', '${user.id}')

:coffee
  users = [
    {
      id: 1
      name: 'John'
    }, {
      id: 2
      name: 'Tom'
    }
  ]
  ($ "#user-template").tmpl(users).appendTo( "#user-list" )