haml f.select

来源：互联网发布：windows最佳分辨率编辑：程序博客网时间：2024/05/22 11:38

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