Веб-страница с динамическим заголовком

Question

У меня есть веб-страница с динамическим списком. Я хочу, чтобы заголовки были настраиваемыми. Для начала заголовки названы column1, column2, ... columnnN. Нажав на любой из этих заголовков, я открываю модальное окно DHTML, где выбираю имя заголовка из предварительно определенного списка, чтобы я мог назначить это имя заголовка для выбранного столбца. Поэтому я возвращаю уникальный идентификатор из модального окна в родительскую форму. Теперь я хочу изменить заголовок на выбранный заголовок.

Мой XML:

<ROOT>
    <Header><Item>Column 1</Item></Header>
    <Header><Item>Column 2</Item></Header>

    <ROW>
        <COlUMN>Zamora</COlUMN>
        <COlUMN> Ruby E.</COlUMN>
    </ROW>
    <ROW>
        <COlUMN>Hatfield</COlUMN>
        <COlUMN> Hanae B.</COlUMN>
    </ROW>
</ROOT>

Вот как я генерирую XML в коде позади:

oXMLString.Append(Chr(13) & "<Header>")
oXMLString.Append(Chr(13) & "<Item>Column " & j + 1 & "</Item>")
oXMLString.Append(Chr(13) & "</Header>")

Вот мой xslt для заголовка:

<tr class="thead">
    <xsl:for-each select="Header/Item">        
        <td class="rowHead" style="vertical-align:bottom;">
            <a href="#">
                <xsl:attribute name="id">
                    <xsl:value-of select="@id"/>
                </xsl:attribute>
                <xsl:attribute name="onclick">
                    <xsl:text>showPopWin('UploadFile_Step4_Modal.aspx',500,500,returnFieldID);</xsl:text>
                </xsl:attribute>
                <xsl:value-of select="." />
            </a>
        </td>
    </xsl:for-each>
</tr>

При создании списка заголовки столбцов равны column1 и column2, где n = 2

В xslt событие onclick открывает модальное окно, которое возвращает fieldID для заголовка столбца.

Теперь предположим, что я нажимаю column1, и модальное окно возвращает fieldid="1", которое предопределено в базе данных, как мне изменить заголовок столбца с column1 до Firstname (Fieldid=1 - Firstname)

Answer 1

Вам не нужен xslt для решения вашей проблемы. Все, что вам нужно, это немного JavaScript. Вот пример кода в jQuery:

$('td.rowHead a').click(function(){
    var fieldId, fieldName;
    fieldId = // get field id from the popup
    fieldName = // get field name (e.g. via AJAX)
    this.innerHTML = fieldName;
});