文章/答案/技术大牛

发布

社区首页 >问答首页 >对表进行排序时，将自动选中复选框。

问对表进行排序时，将自动选中复选框。
EN

Stack Overflow用户

提问于 2013-01-09 01:27:42

回答 1查看 291关注 0票数 1

我有一页：

有一个可排序的选项:将项从下表移到上表。现在，我只有两个项目(每个表有一个项目)。

上表包含未完成的工作人员的任务，下表包含已完成的工作人员的任务。

单词:是/否表示如果任务已经完成/没有完成。

我试着做下一件事：

当用户将项从下表移到上表时，我希望自动选中复选框(因此它总是从“是”移动到“否”)。

这是我的index.html.erb (我使用best_in_place以便在值被更改时更新数据库)：

<html>
<body>

<ul id="sortable1" class="connectedSortable"> 

  <% @tasks_worker_todo.each do |task| %>
        <li class="ui-state-default">
            <%= best_in_place task, :done, :classes => 'highlight_on_success', type: :checkbox, collection: %w[No Yes] %> | 
            <%= task.admin_mail %> | 
            <%= task.task %>
        </li>
  <% end %>
</ul>

<br><br>

<ul id="sortable2" class="connectedSortable">
  <% @tasks_worker_done.each do |task| %>
        <li class="ui-state-highlight">
            <%= best_in_place task, :done,:classes => 'highlight_on_success', type: :checkbox, collection: %w[No Yes] %> | 
            <%= task.admin_mail %> | 
            <%= task.task %>
        </li>
  <% end %>
</ul>

这是我的application.js

$(document).ready(function(){
 jQuery('#sortable1, #sortable2')
 .sortable(
 {'connectWith':'#sortable1',
 'dropOnEmpty':true,
 'scroll':true,
  items: "li:not(.emptyMessage)",
  receive: function(event, ui) {
         alert('moved');
         //hide empty message on receiver
         $('li.emptyMessage', this).hide();

         //show empty message on sender if applicable
         if($('li:not(.emptyMessage)', ui.sender).length == 0){
             $('li.emptyMessage', ui.sender).show();
             alert('alon');
         } else {
             $('li.emptyMessage', ui.sender).hide();
         }            
     }

  });
});

任何帮助都很感激！

更新：

这是ruby生成的HTML：

<!DOCTYPE html>
<html>

<head> 
<title>TODOLIST</title> 


<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/admin.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/scaffolds.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/tasksadmins.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/workers.css?body=1" media="all" rel="stylesheet" type="text/css" /> 
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.purr.js?body=1" type="text/javascript"></script>
<script src="/assets/best_in_place.js?body=1" type="text/javascript"></script>
<script src="/assets/admin.js?body=1" type="text/javascript"></script>
<script src="/assets/myjquery.js?body=1" type="text/javascript"></script>
<script src="/assets/tasksadmins.js?body=1" type="text/javascript"></script>
<script src="/assets/workers.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script> 
<meta content="authenticity_token" name="csrf-param" />
<meta content="FZho6dNmNWjn82HB+MzhL/MtIm4s6F7JFiLVysPCREY=" name="csrf-token" /> 
</head>

<body>
<div id="right">

    <li><a href="/users/sign_out" data-method="delete" rel="nofollow">Sign out</a></li>

</div>
<p id="notice"></p>
<p id="alert"></p>
<center>
<html>
<body>


 <ul id="sortable1" class="connectedSortable"> 


    <li class="ui-state-default">
        <span class='best_in_place highlight_on_success' id='best_in_place_tasksadmin_1_done' data-url='/tasksadmins/1' data-object='tasksadmin' data-collection='["No","Yes"]' data-attribute='done' data-type='checkbox'>No</span> | 
        admin216@gmail.com | 
        feed the dog
    </li>
</ul>


<br><br>

<ul id="sortable2" class="connectedSortable">
    <li class="ui-state-highlight">
        <span class='best_in_place highlight_on_success' id='best_in_place_tasksadmin_2_done' data-url='/tasksadmins/2' data-object='tasksadmin' data-collection='["No","Yes"]' data-attribute='done' data-type='checkbox'>Yes</span> | 
        admin216@gmail.com | 
        feed the fish
    </li>
</ul>


</body>
</html>
</center>

</body>
</html>

附注：我知道我有两个身体和两个html。我明天点菜。

checkbox

javascript

jquery

ruby-on-rails

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-01-09 02:01:56

在receive处理程序中尝试如下：

正在移动的元素是ui.item。

 ui.item.find('span').click();

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14226958

复制

相似问题

问对表进行排序时，将自动选中复选框。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对表进行排序时，将自动选中复选框。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对表进行排序时，将自动选中复选框。
EN