0

我正在尝试获取当前关注的组件 ID。为此，我使用了以下 jQuery：

<script>
    $(document).ready(function(){
        $("*").focus(function(){
            $('#hiddenInput').val($(this).attr('name'));
        });
    });
</script>

我有一个tabview带有 2 个选项卡的选项卡，并且 tabviewdynamic属性设置为true. 当我切换到 tab2 时，jQuery 不会被 tab2 的组件触发。我注意到没有为 tab2 的组件生成 HTML 源代码。我该如何解决这个问题？

生成的标记如下：

<div class="ui-tabs-panels">
    <div id="j_idt76:j_idt77" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false">
        <table cellpadding="5" cellspacing="5">
            <tbody>
                <tr>
                    <td><label> Customer ID</label></td>
                    <td>
                        <input id="j_idt76:j_idt82" name="j_idt76:j_idt82" type="text" value="0893000453 " size="45" readonly="readonly" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" />
                        <script id="j_idt76:j_idt82_s" type="text/javascript">PrimeFaces.cw('InputText','widget_j_idt76_j_idt82', id:'j_idt76:j_idt82'});</script>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="j_idt76:j_idt147" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true"></div>
</div>
4

2 回答 2

1 
<script>
        $(document).ready(function(){
             $("body").delegate(":input", "focus", function(){
                 $('#hiddenInput').val($(this).attr('name'));
              });
        });
</script>


We can achieve this using delegate function.
于 2012-11-09T11:18:51.650 回答
0

下面给出的 tabview 的标记...

我注意到了几件事，

1.即使我点击tab2，tab2中组件的标记也没有生成，所以无法访问组件。

2.当我使用 Ajax 更新我的表单时，我无法访问在 ajax 调用之前可以访问的组件。

    <div class="ui-tabs-panels">
             <div id="j_idt76:j_idt77" role="tabpanel" aria-hidden="false">
                                    <table>
                                        <tbody>
                                            <tr>
                                                <td><input id="j_idt76:j_idt82" name="j_idt76:j_idt82" type="text" /></td>
                                                Other components....
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
              <div id="j_idt76:j_idt147" role="tabpanel" aria-hidden="true"></div>
        </div>

在上面的代码中，生成了 Tab1(j_idt76:j_idt77) 中组件的标记，但不生成 Tab2(j_idt76:j_idt147) 的标记。

于 2012-11-09T08:53:57.717 回答