jsp标签库更改复选框名称？

Question

我正在尝试使用全选复选框来选择一列复选框。

所以我给所有我想一次性检查的相同名称 ABoxesElement 以便我可以轻松地在 javascript 中检查它们。

但是，当我在 firefox 中使用 firebug 时，我可以看到复选框没有保留我给它们的名称，而是预先添加了组件名称，并在我的复选框中附加了一个自动递增的数字。

由于我不能在 getElementByName 中使用正则表达式，我该如何在多个复选框中设置相同的值。 （ID 用于其他用途）.. 这是我的代码：

全选复选框

<dmf:checkbox
name="ABoxes"
onclick = 'selectAllACheckBoxes'
id="allABoxes"  
runatclient="true"/>

我要选中的复选框之一的示例

<dmf:checkbox  
name="ABoxesElement" 
id="<%=...%>" 
runatclient="true"/>

****Javascript 示例 ****

function selectAllCheckBoxes(source) {
var checked = source.checked 
var cbName = source.name + 'Element';  
var col = document.getElementsByName(cbName);

for (var i=0; i<col.length;i++) 
{
col[i].checked = checked;
col[i].disabled = !checked;                         
} 
}       

当页面呈现时，我注意到各个复选框的名称不是 ABoxesElement 而是类似 component_nameAboxesElement_2 因此脚本将无法工作，除非 getElementsByName 可以接受正则表达式.

关于如何解决这个问题的任何想法？

checkbox 的 tld 有另一个属性

  <attribute>
     <name>datafield</name>
     <required>false</required>
     <rtexprvalue>true</rtexprvalue>   </attribute>

可以用它来存储“名称”，然后通过它访问元素吗？

编辑单个复选框的 HTML 输出

<input type="hidden" value="true" id="a1ON_hidden" name="mform_content_AboxesElement_hidden_2"/>
    <input type="checkbox" onclick="setKeys(event);safeCall(selectAllCheckBoxes,this);" value="" title="Click here" id="a1ON" name="form_content_AboxesElement_2"/>

为全选复选框编辑 2 HTML 输出

<input type="hidden" name="mform_content_ABoxes_hidden_1" id="allABoxes_hidden" value="true"/>
<input type="checkbox" name="mform_content_ABoxes_1" id="marketsAll" title="Click to select" value="" onclick="setKeys(event);safeCall(selectAllCheckBoxes,this);"/>

Answer 1

这是一个开场白：

function selectAllCheckboxes(checkboxElement) {
    var allFormElements = checkboxElement.form.elements;
    for (var i = 0; i < allFormElements.length; i++) {
        var formElement = allFormElements[i];
        if (formElement.name.indexOf('mform_content_ABoxes_') == 0) { // Check if its name starts with particular string.
            formElement.checked = checkboxElement.checked;
        }
    }
}

您最终可以将'mform_content_ABoxes_' 作为另一个函数参数传入，或者如果您知道生成name 属性所使用的模式，甚至可以从checkboxElement.name 中提取它。

Answer 2

datafield 属性用于将对象属性（例如r_object_id、r_version_label 等）作为数据提供给控件，在这种情况下不会有太大帮助。

一个不太完美的解决方案可能是在您的 dmf 标签中设置runatclient="false" 并在相应组件中以不同名称引用复选框；然后，您可以在组件类中使用 java 方法而不是 javascript 来获取复选框的句柄并修改它们的值。 WDK 为复选框生成的名称属性取决于组件名称以及它们在 JSP 中的顺序，因此我不确定假设 WDK 将始终为复选框生成相同的名称是否是个好主意。然而，组件类中的处理总是比 javascript 函数慢。