GridView中Js的应用

//带选择框的GridView编辑
//OnClientClick="return GridViewChooseEditConfirm('ctl00_cph_gv');"
function GridViewChooseEditConfirm(getGridViewClientID) 
{
    if (document.getElementById(getGridViewClientID) == null) {
        return false;
    }
    var objgv = document.getElementById(getGridViewClientID);
    if (typeof (objgv) == 'undefined ') {
        return false;
    }
    var rc = objgv.rows.length;
   
    var y = 0;
    for (var i = 1; i < rc; i++) 
    {
        var getInput = objgv.rows[i].cells[0].getElementsByTagName("input");
        if(typeof(getInput[0])!= 'undefined')
        {
            if (getInput[0].type == "checkbox") {
                if (getInput[0].checked) {
                    y++;
                }
            }
        }
    }
    if (y <= 0) {
        alert("首先选择想要编辑的记录。");
        return false;
    }
    if (y > 1) {
        alert("编辑记录,只能选择一笔记录。");
        return false;
    }
}

//带选择框的GridView删除
//OnClientClick="return GridViewChooseDeleteConfirm('ctl00_cph_gv');"
function GridViewChooseDeleteConfirm(getGridViewClientID) 
{
    if (document.getElementById(getGridViewClientID) == null) {
        return false;
    }
    var objgv = document.getElementById(getGridViewClientID);
    if (typeof (objgv) == 'undefined') {
        return false;
    }
    var rc = objgv.rows.length;
    var y = 0;
    for (var i = 1; i < rc; i++) 
    {
        var getInput = objgv.rows[i].cells[0].getElementsByTagName("input");
        if(typeof(getInput[0])!= 'undefined')
        {
            if (getInput[0].type == "checkbox") {
                if (getInput[0].checked) {
                    y++;
                }
            }
        }
    }
    if (y <= 0) {
        alert("首先选择想要删除的记录。");
        return false;
    }
    if (y > 1) {
        alert("删除记录,只能选择一笔记录。");
        return false;
    }
    if (confirm("选择的记录将被删除。") == true) {
        return true;
    }
}

//全选GridView
//onclick="CheckALLCheckBox(this,'ctl00_cph_gv',0)"
function CheckALLCheckBox(getCheckBox, getGridViewClientID, getColumnNumber) 
{
    getCheckBox.checked = getCheckBox.checked ? false : true;
    var objectGridView = document.getElementById(getGridViewClientID);
    var RowCount = objectGridView.rows.length;
    for (var NowRowCount = 0; NowRowCount < RowCount; NowRowCount++) 
    {
        var getInput = objectGridView.rows[NowRowCount].cells[getColumnNumber].getElementsByTagName("input");
        if(typeof(getInput[0])!= 'undefined')
        {
            if (getInput[0].type == "checkbox") {
                getInput[0].checked = getInput[0].checked ? false : true;
            }
        }
    }
}

效果图如下:

posted @ 2013-05-03 10:22  爱智旮旯  阅读(911)  评论(1编辑  收藏  举报