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

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

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

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

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

Код от JSFiddle

<pre class="prettyprint linenums">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> </pre>
1 ответ

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

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

Редактировать # 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.