diff --git a/app/helpers/members_helper.rb b/app/helpers/members_helper.rb
index ed18b7ae4..29ba94924 100644
--- a/app/helpers/members_helper.rb
+++ b/app/helpers/members_helper.rb
@@ -45,17 +45,14 @@ module MembersHelper
   # 课程可添加的成员列表
   def render_principals_for_new_course_members(course)
     scope = Principal.active.sorted.not_member_of_course(course).like(params[:q])
-    principal_count = scope.count
-    principal_pages = Redmine::Pagination::Paginator.new principal_count, 10, params['page']
-    principals = scope.offset(principal_pages.offset).limit(principal_pages.per_page).all
+    principals = paginateHelper scope,10
+    s = content_tag('ul', project_member_check_box_tags_ex('membership[user_ids][]', principals), :class => 'mb5', :id => 'principals')
 
-    s = content_tag('div', principals_check_box_tags_ex('membership[user_ids][]', principals), :id => 'principals')
-
-    links = pagination_links_full(principal_pages, principal_count, :per_page_links => false) {|text, parameters, options|
+    links = pagination_links_full(@obj_pages, @obj_count, :per_page_links => false, :remote => false, :flag => true) {|text, parameters, options|
       link_to text, autocomplete_course_memberships_path(course, parameters.merge(:q => params[:q], :format => 'js')), :remote => true
     }
 
-    s + content_tag('div', content_tag('ul', links), :class => 'pagination_new')
+    s + content_tag('ul', links,:class => 'wlist',:id => "course_member_pagination_links")
   end
 
 
diff --git a/app/views/courses/_course_members.html.erb b/app/views/courses/_course_members.html.erb
index a7c38038b..b568d3336 100644
--- a/app/views/courses/_course_members.html.erb
+++ b/app/views/courses/_course_members.html.erb
@@ -17,38 +17,33 @@
 </div><!-- 左边-->
 <div class="members_right">
   <p class="c_blue fb mt10 mb5">添加成员</p>
-  <div class="member_search">
-    <input class="member_search_input fl"  type="text" name="" value="输入用户名称搜索好友">
-    <a class="invi_search_btn fl c_white" >搜索</a>
-    <div class="cl"></div>
-    <ul class="mb5">
-      <li><input type="checkbox" name="" checked=""> <label >suntao</label> </li>
-      <li><input type="checkbox" name="" > <label >suntaoalibb</label> </li>
-      <li><input type="checkbox" name="" > <label >用户名称</label> </li>
-      <li><input type="checkbox" name="" > <label >suntao</label> </li>
-      <li><input type="checkbox" name="" checked=""> <label >suntao</label> </li>
-      <li><input type="checkbox" name="" > <label >suntaoalibb</label> </li>
-      <li><input type="checkbox" name="" > <label >用户名称</label> </li>
-      <li><input type="checkbox" name="" > <label >suntao</label> </li>
-      <li><input type="checkbox" name="" > <label >用户名称</label> </li>
-      <li><input type="checkbox" name="" > <label >suntao</label> </li>
-    </ul>
-    <div class="cl"></div>
-    <ul class="wlist mr40"  >
-      <li><a href="#">下一页</a></li>
-      <li><a href="#">...</a></li>
-      <li><a href="#">2</a></li>
-      <li class="wlist_select" ><a href="#">1</a></li>
-      <li><a href="#">上一页</a></li>
-    </ul>
-    <div class="cl"></div>
-    <ul class="rolebox mb10 mt10">
-      <li class="fb">角色： </li>
-      <li ><input class="fl" type="checkbox" name="" checked=""> <label >Manager</label> </li>
-      <li ><input type="checkbox" name="" > <label >Developer</label> </li>
-      <li ><input type="checkbox" name="" > <label >Reporter</label> </li>
-    </ul>
-    <div class="cl"></div>
-    <a href="#" class="member_btn">新增成员</a>
-  </div>
+  <%= 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>
+                <%= check_box_tag 'membership[role_ids][]', role.id %>
+                <label ><%= h role %></label>
+              </li>
+          <% end %>
+        </ul>
+        <div class="cl mb10"></div>
+        <a href="#" class="member_btn" onclick="$('#new_membership').submit();">
+          新增成员
+        </a>
+      </div>
+  <% end%>
 </div><!-- 右边 end-->
\ No newline at end of file
diff --git a/app/views/courses/_member.html.erb b/app/views/courses/_member.html.erb
index d2612d217..acebc11bd 100644
--- a/app/views/courses/_member.html.erb
+++ b/app/views/courses/_member.html.erb
@@ -1,6 +1,6 @@
 <% @members.each do |member| %>
     <li >
-      <%= link_to_user_header member.principal,true,:class => "w150 c_orange fl" %>
+      <%= link_to_user_header member.principal,false,:class => "w150 c_orange fl" %>
       <span class="w150 fl">
             <%= h member.roles.sort.collect(&:to_s).join(', ') %>
           </span>
diff --git a/public/stylesheets/courses.css b/public/stylesheets/courses.css
index 005f53f2b..f4ffa1fe0 100644
--- a/public/stylesheets/courses.css
+++ b/public/stylesheets/courses.css
@@ -376,6 +376,9 @@ span.add_attachment {font-size: 80%;line-height: 2.5em;}
 a:hover.link_file_board{ background:url(../images/pic_file.png) 0 -25px no-repeat; color:#3ca5c6;}
 a.link_file_board{ background:url(../images/pic_file.png) 0 3px no-repeat !important; padding-left:20px !important; color:#64bdd9 !important; }
 
+#course_member_pagination_links{height: auto;float: left;}
+#course_member_pagination_links li{margin-bottom: 5px;}
+
 /* colorbox
 *******************************************************************************/
 /*