Шаблон использования повторителя asp.net в javascript

Я меняю страницу списка ASP.Net, используя ретранслятор, чтобы иметь встроенное редактирование. То, что я пытаюсь сделать, это создать шаблон для редактирования внутри элемента управления (чтобы я мог выпадающие списки данных), а затем добавить событие JavaScript в строку, которая заменит строку копией шаблона и заполнит поля из исходной связанной строки.

Эта скрипка показывает, что мне нужно: http://jsfiddle.net/AsciiSmoke/U3z4s/1/

Я могу, очевидно, кодировать это в чистом JavaScript, но я решил, что использование шаблона даст мне привязку и облегчит обновление для других разработчиков.

Приветствия, AsciiSmoke

Код от JSFiddle

This

<table>
<tbody><tr>
 <td>Field 1</td>
 <td>Field 2</td>
 <td>Field 3</td>
</tr>
<tr>
 <td>Value 1</td>
 <td>Value 2</td>
 <td>Value 3</td>
</tr> </tbody></table> Becomes  <table>
<tbody><tr>
 <td>Field 1</td>
 <td>Field 2</td>
 <td>Field 3</td>
</tr>
<tr>
 <td>
 
 </td>
 <td>
 
 </td>
 <td>
 <select>
 <option>value 3</option>
 <option>value 4</option>
 <option>value 5</option>
 </select>
 </td>
</tr>
</tbody></table>
1 ответ

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

qaru.site/questions/8557911/... связан и/или дублирует то, что вы ищете.

Редактировать # 1: Альтернативой является инкапсуляция "шаблона" для всех полей формы в теге SCRIPT:

Field 1
 Field 2
 
 Field 3

Таким образом, поля формы существуют как данные String в каждой строке, что намного легче, чем дерево DOM. Вам нужно только искать первый script[type=text/html] внутри тега tr чтобы найти шаблон. Затем возникает проблема с тем, как вы обновляете шаблон с измененными значениями. Возможно, вам придется пройти маршрут механизма JavaScript-шаблона и сохранить соответствующие данные в формате JSON в атрибуте HTML5 data- *:

Field 1
 ...

licensed under cc by-sa 3.0 with attribution.