如何将无线电输入表单转换为无线电输入引导表单?

时间:2016-07-16 21:28:46

标签: forms input radio bootsfaces

是否可以将下一个代码转换为bootsfaces标签?

<?php

    if(file_exists('../uploads/reports/report.xml')){
    $xml = simplexml_load_file('../uploads/reports/report.xml');
    } 
    else{
    exit('Could not load the file ...');
    }

foreach ($xml->profile_info as $profile_info){
    foreach ($profile_info->rules as $rules){
        foreach ($rules->rule as $rule){

                echo '<div id="name">'.$rule->display_name.'</div>'.'<div id="comment">'.$rule
                    ->display_comment.'</div>';
?>

谢谢!

1 个答案:

答案 0 :(得分:1)

2016年7月18日更新:受您的问题的启发,我开始实施一个比其标准JSF版本更灵活的<b:radiobutton />组件。它将与下一版本的BootsFaces一起发布 - 大概是1.0,这是由于JavaOne 2016.在此之前,请遵循下面的方法。

我们还没有实现<b:radioButton />,但您可以通过添加隐藏的输入字段和一些JavaScript代码来模拟它:

  <b:panel title="Survey" look="primary">
    <p>Which Java version do you use?</p>
    <div class="radio">
      <label onclick="$('.hidden-optradio').val(7)">
        <input type="radio" name="optradio" value="7" />
        Java 7
      </label>
    </div>
    <div class="radio">
     <label onclick="$('.hidden-optradio').val(8)">
        <input type="radio" name="optradio" value="8" />
        Java 8
      </label>
    </div>
    <h:inputText value="#{radiobuttonBean.javaVersion}" styleClass="hidden-optradio" pt:type="hidden" />
    <script>$('input[name=optradio][value=#{radiobuttonBean.javaVersion}]').attr("checked", "checked");</script>
    <b:commandButton value="submit your choice" action="#{radiobuttonBean.submit}" look="primary" />
    <b:messages />
  </b:panel>

如果您需要AJAX,请通过添加隐藏的<b:commandButton update="someRegion" onclick="ajax:myBean.myMethod()" />来实现它,并在标签的click()处理程序中调用此按钮的onclick方法:

<label onclick="$('.hidden-optradio').val(8);$(.ajax-button).click();">
  <input type="radio" name="optradio" value="8" />
    Java 8
  </label>
</div>
...
<b:commandButton value="submit your choice" 
                 action="#{radiobuttonBean.submit}" look="primary" 
                 update="@form"
                 style-class="hidden ajax-button"
                 />