如何在 html 属性内插入带有 javascript 内属性的 XSLT 元素？

Question

问题摘要：我必须进行哪些更改才能使以下 xslt 文档有效。

以下是我尝试为 Gizmox WebGUI DataGrid 控件修改的主题文档的简化版本。我遇到的问题是按钮元素上可怕的 onclick 事件属性。我已经以这种方式尝试了代码，并使用" 代替" 用于属性引号。在这两种情况下，该文件均不生效。我可以在 javascript 方法中完成一些工作，并且可能会在完成之前完成，但在这种情况下，我仍然需要将 <xsl:value-of select="@Attr.TotalPages"/> 的值作为参数传递。

<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" 
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
    xmlns:WC="wgcontrols">
    <xsl:template name="tplListDrawPaging">
    <table border="0" cellpadding="0" cellspacing="0" class="List-PagingPanel" dir="{$dir}" align="center">
      <tr>
          <td width="150px" align="right" class="Common-FontData" dir="ltr">
              <span>Go to page:</span>
              <input type="text" id="{@Id}-goToPageTextBox" name="{@Id}-goToPageTextBox" style="width:35px;" />
              <button type="button" onclick="var goToValue = getElementById('{@Id}-goToPageTextBox').value;
                                        if(goToValue &lt;= 0){goToValue = 1;}
                                        else if(goToValue &gt; <xsl:value-of select="@Attr.TotalPages"/>){goToValue = <xsl:value-of select="@Attr.TotalPages"/>;})
                                        List_NavigateTo('{@Id}',goToValue);">Go</button>
        </td>
      </tr>
    </table>
  </xsl:template>
</xsl:stylesheet>

Answer 1

你必须在表达式中加倍escape the curly braces：

<button type="button" onclick="var goToValue = document.getElementById('{@Id}-goToPageTextBox').value; if (goToValue &lt;= 0) {{ goToValue = 1; }} else if (goToValue &gt; {@Attr.TotalPages}) {{ goToValue = {@Attr.TotalPages}; }} List_NavigateTo('{@Id}', goToValue);">Go</button>

不过，我肯定会将该代码放在它自己的函数中并从 onclick 处理程序中调用它。