Perintah HTML dengan Ruby on Rails

Posted by: -ad- on: 11 Mei 2008

In: HTML| Ruby on Rails
Comment!

Ruby on Rails memiliki fasilitas untuk mempermudah kita membuat tampilan web yang biasanya menggunakan format HTML. Dengan fasilitas pada modul ActionView::Helpers::FormHelper dan ActionView::Helpers::FormTagHelper, kita bisa men-generate format HTML.

LABEL : label(object_name, method, text = nil, options = {})
Option di sini bisa diisi dengan atribut^^ yg dimiliki oleh label HTML, seperti class, style, id, dll

Ruby Code	Result in HTML
`label(:post, :title)`	`<label for="post_title">Title</label>`
`label(:post, :title, "A short title", :class => "title_label")`	`<label for="post_title" class="title_label">A short title</label>`

TEXT BOX : text_field(object_name, method, options = {})
Option di sini bisa diisi dengan atribut^^ yg dimiliki oleh text input HTML, seperti size, maxlength, disabled, onchange, dll

Ruby Code	Result in HTML
`text_field(:snippet, :code, :size => 20, :class => 'code_input')`	`<input type="text" id="snippet_code" name="snippet" size="20" value="#{@snippet.code}" class="code_input" />`
`text_field(:session, :user, nchange => "if $('session[user]').value == 'admin' { alert('Anda tidak dapat login sebagai admin!'); }")`	`<input type="text" id="session_user" name="session[user]" value="#{@session.user}" onchange = "if $('session[user]').value == 'admin' { alert('Anda tidak dapat login sebagai admin!'); }"/>`

TEXT AREA : text_area(object_name, method, options = {})
Option di sini bisa diisi dengan atribut^^ yg dimiliki oleh text area pada HTML, seperti class, rows, cols, disabled, dll.. Tapi bisa juga diisi dengan size => “axb” yang berarti cols=a dan rows=b

Ruby Code	Result in HTML
`text_area(:application, :notes, :cols => 40, :rows => 15, :class => 'app_input')`	`<textarea cols="40" rows="15" id="application_notes" name="application[notes]" class="app_input">#{@application.notes}</textarea>`
`text_area(:entry, :body, :size => "20x30", :disabled => 'disabled')`	`<textarea cols="20" rows="30" id="entry_body" name="entry[body]" disabled="disabled">{@entry.body}</textarea>`

CHECK BOX : check_box(object_name, method, options = {}, checked_value = "1", unchecked_value = "0")
Format HTML standar hanya memperbolehkan mengirim nilai jika check box di-cek, sementara dengan ruby kita bisa mengirim nilai jika check box tidak di-cek melalui fasilitas unchecked_value.. Nilai ini dikirim melalui hidden field.
Sama seperti di atas, option bisa diisi dengan atribut^^ yg dimiliki oleh text input HTML

Ruby Code	Result in HTML
Mis. @post.validated = 1 `check_box("post", "validated")`	`<input type="checkbox" id="post_validate" name="post[validated]" value="1" checked="checked" /> <input name="post[validated]" type="hidden" value="0" />`
`check_box("puppy", "gooddog", {}, "yes", "no")`	`<input type="checkbox" id="puppy_gooddog" name="puppy[gooddog]" value="yes" /> <input name="puppy[gooddog]" type="hidden" value="no" />`