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;

            }

        }

    }

}

效果图如下:

你可能感兴趣的:(GridView)