如何在jsf中的数据表中进行列级渲染？

Question

如何在不使用ajax的情况下在jsf中的数据表中进行列级渲染？

例如，第一列具有下拉菜单选项。根据选择，我需要启用第二列中的按钮。

任何人都可以帮我解决这个问题吗？

Answer 1

1. 如果“列级渲染”的意思是“一种重新渲染表中单个列的方法”，那么答案是 - 你不能。浏览器不允许这样做。您需要分别重新渲染列中的每个 td。

2. 如果您只是指“即时更改表格的某些部分”，那么：

   • 如果“ajax”是指“javascript”，那么 - 你不能。您需要相当多的 JavaScript 来完成此操作。

   • 如果“ajax”的意思是“连接到服务器”，那么 - 您可以编写自己的 Javascript 在客户端上完成这项工作。

诀窍是 - 一旦开始使用 javascript 启用和禁用按钮，您必须一路走下去：不仅在选择选项时下拉列表发生更改，而且在首次呈现表格时也发生更改。如果不这样做，您将不得不在 Java 中和 Javascript 中碰撞表示逻辑。

可应用于 JSF 输出的有效 Javascript 解决方案的示例如下：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script>
<table id='mytable'>
    <tr>
        <td><select>
                <option>A</option><option>B</option>

        </select></td>
        <td><input type='button' value='test'></td>
    </tr>
    <tr>
        <td><select>
                <option>A</option><option>B</option>

        </select></td>
        <td><input type='button' value='test'></td>
    </tr>
</table>
<script>
    function fix_table(){
        $('#mytable select').each(function(){
            $('input', this.parentNode.parentNode).attr('disabled',this.value=='B')
        })
    }

    fix_table();
    $('#mytable select').change(function(){fix_table()})
</script>

当您从下拉列表中选择“B”时，相关按钮将被禁用。

在我看来，这是一个非常糟糕的解决方案。

您应该使用 JSF 及其提供的工具（如 ajax 标签），或者切换技术。混合技术会让它们变得更加困难，而混合你并不真正擅长的东西（因为你不得不问这个问题 - 你当然不擅长）会适得其反。