3

動的リストを含む Web ページがあります。ヘッダーを構成可能にしたい。まず、ヘッダーの名前はcolumn1column2、 ... ですcolumnnN。これらのヘッダーのいずれかをクリックすると、DHTML モーダル ウィンドウが開き、定義済みのリストからヘッダー名を選択して、選択した列にこのヘッダー名を割り当てることができます。そのため、モーダル ウィンドウから親フォームに一意の ID を返しています。今、ヘッダーを選択したヘッダーに変更したいと思います。

私の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と、列ヘッダーはcolumn2n=2 になります。

xslt で、イベントは、列ヘッダーのonclickを返すモーダル ウィンドウを開きます。fieldID

をクリックするcolumn1と、データベースで事前定義されているモーダル ウィンドウが返されます。列ヘッダーを( is )にfieldid="1"変更するにはどうすればよいですか? column1FirstnameFieldid=1Firstname

4

1 に答える 1

0

問題を解決するために 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;
});
于 2008-12-28T07:25:20.510 に答える