Настраиваемое диалоговое окно «Добавить и изменить запись» в Infragistics Grid

Я работаю над Infragistics Grid в MVC и хочу сделать в нем некоторые настройки. Проблема в том, что данные, которые я показываю, отличаются от входных данных, которые я получаю от пользователя (редакторы в режиме редактирования/добавления строк). Перед отображением в сетке необходимо выполнить дополнительную обработку.

Сетка Infragistics предоставляет хороший механизм для отображения массива объектов JSON с приятным пользовательским интерфейсом и событиями, которые отлично подходят для меня. Проблема возникает, когда я хочу отредактировать определенную строку или добавить новую. Для этого Infragistics предоставляет собственный пользовательский интерфейс. Или, если мы хотим настроить его, у него не так много места для этого. Это просто позволяет предоставить шаблон для столбцов, подобных следующему:

<script id="rowEditDialogRowTemplate1" type="text/x-jquery-tmpl">      
          <tr class="tableBackGround">                  
                <td class="labelBackGround"> ${headerText}
                </td>
                <td data-key='${dataKey}'>
                      <input /> 
                </td>
          </tr>
</script>

Но я хочу предоставить весь шаблон, который будет иметь мою пользовательскую форму и элементы формы.

Мне нужна простая сетка Infragistics, которая просто будет отображать данные. Если я нажму «Добавить новый» в сетке, он загрузит мой диалог. Если я дважды щелкну любую строку, она снова откроет мой диалог, где я могу редактировать вещи. Позже, как только я сохраню данные, я совершу поездку на сервер и соответствующим образом обновлю сетку.

Подводя итоги

Я хочу предоставить свою собственную форму для добавления и редактирования в Infragistics Grid. И я позабочусь о перезагрузке сетки после сохранения данных.

Ссылка: Infragistics Grid

Пожалуйста, помогите мне это сделать!


person K D    schedule 23.09.2013    source источник


Ответы (1)


Вы нашли правильный справочник по API — на вкладке «Параметры» найдите параметр rowEditDialogTemplate. Использование шаблона редактирования строки по умолчанию (да, его также можно использовать для добавления строк) показано в официальный образец.

Вы также можете узнать больше об этом в разделах справки: Шаблон редактирования строки и Настройка Шаблон редактирования строки.

Кроме того, на форумах Infragistics вы можете найти дополнительную информацию о том, как использовать методы API функции igGridUpdating (например, addRow и updateRow) с полностью настраиваемой формой для добавления и редактирования строк.

person Borislav T    schedule 24.09.2013
comment
Я не нашел rowEditDialogTemplate в ссылке - person K D; 24.09.2013
comment
@KD - на вкладке параметров вы можете найти множество параметров для шаблона - просто выполните поиск roweditdialog, и вы увидите все 8 параметров. Также следует отметить, что существует 6 событий для шаблона редактирования, которые вы можете использовать. - person Borislav T; 24.09.2013
comment
я думаю, что вы еще не настроили инфрагистическую сетку Борислав :) нет прямого способа добавить настраиваемую форму с помощью этих опций - person K D; 24.09.2013
comment
@KD, пожалуйста, уточните, с чем у вас возникли трудности, поскольку шаблон редактирования строки будет отображать все, что вы на него поместите. Это не работает для вас? - person alhalama; 07.10.2013