专为 Rails 设计的前端模块化框架

用法

Tao Form 提供了 checkbox 和 switch 两种不同交互的布尔字段:

<%= tao_form person, url: docs_persons_path, remote: true do |f| %>
  <%= f.input :married, as: :boolean, input_html: {checked: true} %>
  <%= f.input :handsome, as: :boolean, switch: true %>
<% end %>

组件

checkbox 和 switch可以脱离 input 作为单独的字段渲染,例如

<%= tao_form person, url: docs_persons_path, remote: true do |f| %>
  <%= tao_check_box f, :married, disabled: true, class: 'date-field' %>
<% end %>

也可以脱离表单单独使用的,例如:

<%= tao_switch do %>
  <%= check_box_tag :handsome, '1', true %>
<% end %>

初始化选项

disabled
Boolean

指定组件的禁用状态。

checked_value
String
Default: "1"

指定字段选中状态的 value。

unchecked_value
String
Default: "0"

指定字段未选中状态的 value。

公共属性

checked
Boolean

获取或者设置组件的选中状态。

事件

tao:change
( option )

当组件的选中状态发生变化时触发。