如图,使用jquery实现grid模版列实现子节点全选、全不选的操作。
前台JS方法:
<script type="text/javascript">
//子节点的全选
function selectedChild(obj) {
//debugger;
var objName = obj.name.substring(obj.name.lastIndexOf("$") + 1);
var objLevel = obj.tabIndex;
var objVal = obj.value.substring(0, objLevel*2);
$("input[value^='" + objVal + "'][name$='" + objName + "']").each(function () {
if (obj.checked)
$(this).attr("checked", true);
else
$(this).attr("checked", false);
});
}
</script>
前台模版列HTML部分代码:
<ext:TemplateField Width="50px" HeaderText="只读">
<ItemTemplate>
<input type="checkbox" id="cb_read" onclick="selectedChild(this);" runat="server" />
</ItemTemplate>
</ext:TemplateField>
<ext:TemplateField Width="50px" HeaderText="新建">
<ItemTemplate>
<input type="checkbox" id="cb_create" onclick="selectedChild(this);" runat="server"/>
</ItemTemplate>
</ext:TemplateField>