socialforge/app/views/courses/_course_members.html.erb

<div class="members_left">
  <ul style=" border-bottom:none;">
    <li>
      <span class="w150 f_b" >
        用户
      </span>
      <span class="w150 f_b">
        角色
      </span>
      <span></span>
    </li>

    <div id="course_member_list">
      <%= render :partial => "courses/member" %>
    </div>
  </ul>
</div><!-- 左边-->
<div class="members_right">
  <p class="c_blue fb mt10 mb5">添加成员</p>
  <%= form_for(@member, {:as => :membership, :url => course_memberships_path(@course), :remote => true, :method => :post}) do |f| %>
      <div class="member_search">
        <input hidden="hidden" value="true" name="flag">
        <input id="principal_search" class="member_search_input fl" type="text" placeholder="请输入用户名称来搜索好友">
        <%= javascript_tag "observeSearchfield('principal_search', null, '#{ escape_javascript autocomplete_course_memberships_path(@course, :format => 'js',:flag => true) }')" %>
        <div class="cl"></div>

        <div id="principals_for_new_member">
          <%= render_principals_for_new_course_members(@course) %>
        </div>
        <div class="cl"></div>

        <ul class="rolebox mb10 mt10">
          <li class="fb">
            <%= l(:label_role_plural) %>：
          </li>
          <% @roles.each do |role| %>
              <li>
                <%= radio_button_tag 'membership[role_ids][]', role.id %>
                <label ><%= h role %></label>
              </li>
          <% end %>
        </ul>
        <div class="cl mb10"></div>
        <a href="javascript:void(0)" class="member_btn" onclick="$('#new_membership').submit();">
          新增成员
        </a>
      </div>
  <% end%>
</div><!-- 右边 end-->