2

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

所以我给了所有我想要检查的相同名称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 可以接受正则表达式，否则脚本将无法工作。

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

复选框的顶级域名有另一个属性

  <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);"/>
4

2 回答 2

1

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

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

于 2009-12-23T11:10:46.960 回答
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;
        }
    }
}

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

于 2009-12-23T20:21:14.723 回答