2013-08-27 1 views
1

에서 그룹 내 다른 행을 삭제하고 요소를 제외하고는 그룹 내에서 그랜드 1을 그랜드 2로 드래그 앤 드롭 할 수 있지만 노키아 또는 컴퓨터에서는 드래그 앤 드롭 할 수 없습니다. 하지만 전체 삼성 그룹은 노키아 또는 애플 대신 드래그 될 수있다.드래그 내가 같은 다른 범주에 많은 행이있는 테이블이 jQuery를

마찬가지로 자동차 및 모바일은 모든 내부 카테고리와 함께 서로 드래그 앤 드롭 할 수 있습니다.

일부 jQuery 라이브러리와 tablednd 플러그인을 사용했지만 각 항목마다 다른 테이블이 있으므로 각 행을 드래그 할 수 있습니다.

해결책이 있습니까? 어떤 도움을 주시면 감사하겠습니다.

나는 perl에서 다음 서브 루틴을 사용하고 있습니다.

sub mainList { 

    my $hash = shift; 
    my $options = ''; 
    my $iter; 
    $options .= "<table id='sort' class='grid' > 
       <tbody>"; 
    $iter = sub { 
     my $hash = shift;  
     my $indent = shift || ''; 
     my $count = 0; 
     foreach my $k (sort keys %{$hash}) {      
      my $v = $hash->{$k}; 
      $options .= "<tr><td>$v->{title}<br><" unless $indent;   
      if($indent){ 
       $options .= "$v->{title} $indent";   
      }      
      if ($v->{children}){ 
       $iter->($v->{children}, "--"); 
      } 

      $options .= "</td></tr>" unless $indent;     
     } 

    }; 
    $iter->($hash); 
    $options .="</tbody></table>"; 
    return $options; 
} 

여기서 해시 참조를 전달하여 테이블을 만듭니다.

답변

0

명백한 해결책은 각 그룹마다 별도의 테이블을 사용하는 것입니다. 당신은 CSS margin, border를 엉망으로 만들어서 테이블을 1 개의 완벽한 테이블처럼 보이도록 만들 수 있습니다.

<table><caption>Mobile</caption> 
<tr> 
<td>nokia</td> 
<td>samesung</td> 
</tr> 
</table> 
<table><caption>Computer</caption> 
<tr> 
<td>apple</td> 
<td>intel</td> 
</tr> 
</table> 
+0

감사를 삭제하는 옵션이 있습니다. –

+0

@ABHISHEKGOYAL - 테이블을 만드는 함수를 여러 테이블을 만드는 대신 쉽게 수정할 수 있다고 확신합니다. 함수의 코드를 공유하려면 다른 사람이 나 자신을 도울 수 있습니다. –

+0

위의 편집을 참조하십시오. –

0

당신은 JQuery와 - UI를 사용할 수 있습니다, 그것은 제안하지만 테이블이 기능을 통해 동적으로 만드는의 특정 요소 만

관련 문제