学步园

1.f.select

.page-survey-form
  .pblock.form
    = simple_form_for @survey, :url => '/manage/surveys' do |f|
      .form-inputs
        = f.input :title, :input_html => {:class => :xxlarge}, :placeholder => '例如，2013年上学期教学情况调查'

        :ruby
          s = SurveyTemplate.all.map {|st|
            [st.name, st.id]
          }

        = f.select :survey_template_id, s, :label => '调查表模板'

      .form-actions
        = f.button :submit, :class => 'success-flat'
        %a.btn.cancel.gray-flat{:href => '/manage/surveys'}= t('common.form.cancel')

:ruby
  s = [
    ['学生 Student', :student], 
    ['老师 Teacher', :teacher],
    ['教务领导 Manager', :manager],
  ]

.input{:style => 'margin-bottom:20px;'}
  %label 用户角色
  = @form_object.select :role, s, :label => '用户角色'

---------------------------------  常用的 ---------------------

不透明度： opacity

   open: ->
      @$overlay.fadeIn(300)
      @$selector.css
        right: '-70%'
        opacity: 0
      .show()
      .animate
        right: 0
        opacity: 1
      , 300

    close: ->
      @$overlay.fadeOut(300)
      @$selector.css
        right: 0
        opacity: 1
      .animate {
        right: '-70%'
        opacity: 0
      }, 300, => 
        @$selector.hide()

获取属性值：prop

获得匹配选择器的第一个祖先元素： closest(selecter)

方法向被选元素附加数据，或者从被选元素获取数据:
data    #<div class='teacher' data-id=#{user_id}></div>

init_selector: ->
      that = this
      @$selector.delegate '.teacher:not(.creator) input[type=checkbox]', 'change', ->
        checked = jQuery(this).prop('checked')
        user_id = jQuery(this).closest('.teacher').data('id')

        if checked
          that.select(user_id)
        else
          that.unselect(user_id)

@$new_btn.on 'click', =>
      url = @$new_btn.data('url')
      jQuery.ajax
        url: url
        method: 'GET'
        success: (res)=>
          @show_form(res)

(res.html)

slideUp

slideDown

trigger

show_form: (res)->
    $form = jQuery("<div>#{res.html}</div>").addClass('new-form')
    @$op
      .after($form.hide())
      .slideUp()
    @$tbl.slideUp()

    setTimeout =>
      $form.slideDown()
      jQuery(document).trigger 'mindpin-uploader:new-form-appended', $form
    , 1