Question

我想根据某些条件（例如，我的bean中的变量的值）来扩展工作正常的面板。

这是代码：

<button data-toggle="collapse" data-target="#demo">collapse</button>

<div class="panel-body collapse" id="demo">
my text
</div>

我知道要扩展并保持扩展，我应该使用

之类的“ in”

<button data-toggle="collapse" data-target="#demo">collapse</button>

<div class="panel-body collapse in" id="demo">
my text
</div>

如何通过JSF中的代码对其进行管理？

我做了类似的事情，它起作用了：

<div class="panel-body collapse #{Bean.toExpand}" id="demo">
my text
</div>

其中＃{Bean.toExpand}将包含值“”或“ in”，以便在呈现时进行设置。

您认为这是一个好方法吗？可以改善吗？

Answer 1

我的同事建议使用JQUERY在javascript中进行操作，而不是通过JSF代码来管理此操作，

<h:outputScript>    

        function postscript() {

            if(${not empty Bean.list}){
                $('#demo').addClass("collapse");                    
            }else{
                $('#demo').removeClass("collapse");
            }
        }
        window.onload = postscript;

    </h:outputScript>

用JSF扩展面板的最佳方法是什么？

1 个答案: