2011-10-28 7 views
6

Mam aplikację korzystającą z jQuery, jQuery UI i Backbone.js. Niedawno pojawił się błąd, w którym wiersz w tabeli po upuszczeniu (jquery Sortable) inny wiersz czasami przesuwa się po rzędzie tak, jakby istniała dodatkowa komórka, ale po sprawdzeniu nie ma. Właśnie zauważyłem, że dzieje się tak tylko w Chrome, Chromium i ChromeFrame.1 dodatkowa komórka tabeli po zrzuceniu wiersza z jQueryUI do sortowania (ale tylko z Chrome)

Oto zrzut ekranu z obszaru problemowego: http://img208.imageshack.us/img208/6870/screenshotkz.png

Oto zrzut ekranu z HTML interfejs kontroli Chrome: http://img16.imageshack.us/img16/6985/screenshot1wdo.png Mam również kopiowane poniższego HTML:

<tr id="17052151" class="wo"> 
<td>17052151</td> 
<td>XXXXXXXXXXX</td> 
<td>XXXXXXXXXXXXX</td> 
<td>Parts Here</td> 
<td>RR</td> 
<td>10/28/11</td> 
<td>10/28/11</td> 
<td>10</td> 
<td><input type="text" class="woComment" value=""></td> 
<td class="removeWO">X</td> 
</tr> 
<tr id="10097756" class="wo"> 
<td>10097756</td> 
<td>XXXXXXXXXXXX</td> 
<td>XXXXX</td> 
<td>Parts Here</td> 
<td>NIS</td> 
<td>10/04/11</td> 
<td>10/28/11</td> 
<td>10</td> 
<td><input type="text" class="woComment" value=""></td> 
<td class="removeWO">X</td> 
</tr> 
<tr id="10095965" class="wo"> 
<td>10095965</td> 
<td>XXXXXXXX</td> 
<td>XXXXXXXXXXXXXXXX</td> 
<td>Parts Here</td> 
<td>NIS</td> 
<td>09/16/11</td> 
<td>10/10/11</td> 
<td></td> 
<td><input type="text" class="woComment" value=""></td> 
<td class="removeWO">X</td> 
</tr> 

Od tego problemu nie występuje w Firefoksie ani w IE8. Myślę, że może to być błąd przeglądarki Chrome, ale chciałem sprawdzić, czy ktoś wcześniej doświadczył tego problemu.

EDIT I odkryli, że wywołanie funkcji .render() na mój widok elementu, że problem występuje w poprawkach ten problem.

+0

Jest to bug chrom, ale nie znaleźli sposób, aby go naprawić. najczęstszą sugestią jest zrobienie czegoś, co powoduje odświeżenie strony. –

+0

Musisz dołączyć kod CSS, zanim uzyskasz dodatkową pomoc. Oto podstawowe skrzypce, dodaj odpowiedni CSS (i JS/HTML, jeśli dotyczy): http://jsfiddle.net/cZ4n4/ –

+0

@RobW http://jsfiddle.net/cZ4n4/2/ To samo dzieje się, gdy sortują wiersze zamiast kolumn, tylko w pionie –

Odpowiedz

0

Być może całkowicie pomijam twój punkt, ale czy mógłbyś wyjaśnić: Czy chcesz, aby cały rząd był sortowalny, co oznacza, że ​​rząd 1, wiersz 2 i wiersz 3 są zamienne przez przeciąganie?

Gdyby tak było, to sprawilibyście, że tbody byłby sortable, a nie tr; zastosowanie sortable do tr powoduje zachowanie dziwne, ponieważ jqueryui próbuje utworzyć zawartość tr sortable, która idzie strasznie źle. Aby posortować wiersze, spraw, aby tbody było sortowalne, dlatego próbuje sortować wiersze tabeli.

http://jsfiddle.net/cZ4n4/10/

Powiązane problemy