asp.net GridView中CheckBox复选框(兼容FireFox)

作者：袖梨 2022-06-25

在Asp.net中，可以通过模板列，在Gridview中实现CheckBox列的实现，相关的代码并不复杂，你可以参考这里，我抽取的部分代码如下：

代码如下 复制代码


AutoGenerateColumns=”False”
DataKeyNames=”id” DataSourceID=”AccessDataSource1″

AllowSorting=”True” OnDataBinding=”GridView1_DataBinding”
OnRowDataBound=”GridView1_RowDataBound”>



Checked=”True” Text=’’ />


checkbox” onclick=”selectAll(this);” />全选

SortExpression=”id” />

js代码中的selectAll(obj)方法在IE中可以正常使用。昨天，一朋友做测试，发现在FireFox中不支持，让我帮着找找原因，估计是js的代码有不兼容Firefox的，查有关资料，原来在firefox不支持parentElement，但支持parentNode，于是把原来的js代码修改了一下，通过obj.parentNode.parentNode.parentNode 来获取表格对象（GridView编译后形成的表格），不过要找到CheckBox对象要麻烦点，因为没法通过obj.parentElement.cellIndex 来定位找到ChecKbox所在位置了，只能通过循环某一行的单元格来查找了。具体的代码如下：

代码如下 复制代码


function select_all(obj)
{
var theTable = obj.parentNode.parentNode.parentNode;
var j = obj.parentNode.cellIndex;

for(var i=0; i {
var objCheckBox = GetCheckBoxObj(theTable.rows[i].cells[j]);
if(objCheckBox.checked != null)
objCheckBox.checked = obj.checked;
}
}

function GetCheckBoxObj(objCell)
{
for(var i= 0; i {
if(objCell.childNodes[i].id)
{
return objCell.childNodes[i];
}
}
}

如此修改后，这个checkbox就可以兼容IE和FireFox了。

看来要是在web开发来要想兼容IE和Firefox，这个工作还是蛮艰巨的。有关firefox与ie 的javascript区别 的你看看这里，总结非常详细。不但是js，css也有很多不一样的地方。嘿嘿，由此我有点怀念IE一统天下的年代了,不过我觉得一般企业级的应用还是不专门考虑FireFox了，除非做门户网站

相关文章

精彩推荐