Переключение между двумя строками в сетке

Question

Переключение между двумя строками в сетке

0

У меня есть webgrid, который получает значение из базы данных при загрузке частичного представления в бритве MVC 4. Всего 6 столбцов. 1-й столбец - это столбец флажка, заголовок - "Выбрать". Две кнопки находятся на странице (не внутри веб-страницы), "Сохранить" и "Удалить". Выбрав любой флажок, если я нажму кнопку "Удалить", он удалит строку из веб-страницы, но не из базы данных. После нажатия кнопки "Сохранить" все данные будут сохранены в базе данных путем обновления удаленной записи.

Из других 5 столбцов из базы данных поступают 4 столбца. Остальная колонка является столбцом фильтра приоритетов. для этого я использовал две фотографии. Один из них - UP-ARROW, а другой - DOWN-ARROW (пиксель: 16 x 16). Теперь целью этого двух изображений является обмен между строками. Нажимая UP-ARROW для определенной строки, все значения строк будут меняться с верхней строкой и для противоположной стрелки DOWN-ARROW.

Условие есть, если выбранная строка является самой верхней или последней, а затем для щелчка по СТРЕЛКЕ ВВЕРХ и нажатие кнопки "ВНИЗ-СТРЕЛКА" не будет работать соответственно.

Я выполнял любую другую работу, кроме этой замены. Понятия не имею. Но для вашей информационной базы данных есть поле "ПОСЛЕДОВАТЕЛЬНОСТЬ". При замене строк SEQUENCE будет поддерживаться как 1 для 1-го ряда, 2 для 2-го ряда и так далее. Теперь, если происходит обмен, то строка 2 может занимать позицию 1-го ряда, ее текущая последовательность также будет изменена с 2 на 1. Это значение будет сохранено в скрытом текстовом поле.

Пожалуйста помоги !!

Move up & Move down оба должны работать с условием первой и последней строки. Мне тоже нужно спуститься... пожалуйста, помогите...

Monibrata 07 март 2014, в 21:25

Источник

Теги:

jquery

asp.net-mvc-4

razorengine

2 ответа

1

Часть этого интерфейса довольно проста. Учитывая некоторую разметку:

<table>
   <tr>
      <td>Blah blah blah</td>
      <td>
         <img src="..." class="up-arrow" />
         <img src="..." class="down-arrow" />
      </td>
   </tr>
   <tr>...</tr>
   ...
</table>

Вы можете использовать jQuery, чтобы просто перемещать элементы <tr> вверх и вниз:

$('.up-arrow').on('click', moveRowUp);

function moveRowUp() {
    var $row = $(this).closest('tr');
    var $prevRow = $row.prev();
    if ($prevRow.length) $row.insertBefore($prevRow);
}

Если вы также спрашиваете о том, как сохранить этот своп обратно в базу данных, я не уверен, что могу ответить, не зная больше о вашей схеме. Один из способов - отслеживать идентификаторы строк и менять их, когда вы перемещаете <tr>.

Impirator 07 март 2014, в 17:35

0

Без изменений не видел ...
Monibrata 07 март 2014, в 20:25
0

В зависимости от вашей версии jQuery вам может потребоваться использовать .bind() вместо .on()
Impirator 07 март 2014, в 20:28
0

Я использовал ваш код ... извините, что я задержался из-за некоторых предыдущих проблем, дело в том, что TR перемещаются на два шага вверх за раз, всегда ...
Monibrata 12 март 2014, в 12:24

Показать ещё 1 комментарий

Ещё вопросы

В зависимости от вашей версии jQuery вам может потребоваться использовать .bind() вместо .on()
Я использовал ваш код ... извините, что я задержался из-за некоторых предыдущих проблем, дело в том, что TR перемещаются на два шага вверх за раз, всегда ...

Monibrata · Accepted Answer · 2014-03-17T07-47-00.000Z

jQuery('input[name="selectChkBx"]:checked').each(function () {
                    id = this.id;
                    var row = $(this).closest('tr');
                    console.log(row);
                    row.insertAfter(row.next());  // For Moving Down
                    //row.insertBefore(row.prev()); // For Moving Up
                });

Просто нужно создать две кнопки. Необходимо добавить туда id и onclick, используя идентификатор строк подкачки кнопок. Благодаря "Impirator" также. Он показал мне путь. В конечном счете сделано. Большое спасибо каждому за свое время, чтобы увидеть этот код.