Отображение всех результатов в случае успеха - затем скрыть сумму X - PullRequest
Новая
       9

Отображение всех результатов в случае успеха - затем скрыть сумму X

1 голос
/ 17 декабря 2009

У меня есть эта страница: http://www.ryancoughlin.com/files/xml/ - если вы выберете Пользователь -> Чье-то имя

Вы увидите заполненную таблицу. Я пытаюсь показать только результаты пользователя, которого вы выбрали. Поскольку я на самом деле загружаю XML-файл, я не могу отправить в него данные. Итак, я решил загрузить их все, а затем скрыть КАЖДУЮ запись, кроме той, которую вы выбрали из выпадающего списка.

Есть идеи?

Вот пример кода, который я использую, чтобы скрыть: линия 145 

single_user.find(name_select+":not()").each(function(){$(this).hide();});

Переменная name_select - это значение тега OPTION из раскрывающегося списка на предыдущем экране.

1 Ответ

1 голос
/ 17 декабря 2009

Вам следует изменить свое мышление - по умолчанию скрыть строки, а затем показать ту, которую вы хотите.

При добавлении каждой строки таблицы добавьте значение Name в качестве идентификатора и добавьте класс к элементу <tr> со стилем display:none. Это предотвратит мигание всех строк, когда они загружены, а затем скрыты.

После завершения процесса загрузки покажите строку, в которой значение name_select соответствует атрибуту id .... $("#" + name_select).show();

Простой пример: 

<html>
<head>
<script language="javascript" src="../code/jquery-latest.min.js"></script>
<style>
tr {
   display:none;
}
</style>
<script language="javascript">
$(document).ready(function() {
   $("#3").show();
});
</script>
</head>
<body>
<table>
   <tr id="1"><td>1</td></tr>
   <tr id="2"><td>2</td></tr>
   <tr id="3"><td>3</td></tr>
   <tr id="4"><td>4</td></tr>
</table>
</body>
...