js 操作Gridview

    2012-08-28      0 个评论       作者：smartsmile2012
    收藏    我要投稿 

    [javascript]
    $(function () { 
        gridview("GridView1"); 
    }); 
     
    //gridview 
    function gridview(objgridview) { 
        //get obj id 
        var gridviewId = "#" + objgridview; 
        //even 
        $(gridviewId + ">tbody tr:even").addClass("NormalColor"); 
        //first 
        $(gridviewId + ">tbody tr:first").removeClass("NormalColor").addClass("HeadColor"); 
        //odd 
        $(gridviewId + ">tbody tr:odd").addClass("AlterColor"); 
        //move and click 
        $(gridviewId + ">tbody tr").slice(1).hover(function () { 
            $(this).addClass("HoverColor"); 
        }, function () { 
            $(this).removeClass("HoverColor"); 
        }); 
        //all check 
        $("#chkAll").click(function () { 
            $(gridviewId + ‘>tbody >tr >td >input:checkbox‘).attr(‘checked‘, this.checked); 
        }); 
        //check status 
        $(gridviewId + ‘ >tbody >tr >td >input:checkbox‘).click(function () { 
            var expr1 = gridviewId + ‘ >tbody >tr >td >input:checkbox:checked‘; 
            var expr2 = gridviewId + ‘ >tbody >tr >td >input:checkbox‘; 
            var selectAll = $(expr1).length == $(expr2).length; 
            $(‘#chkAll‘).attr(‘checked‘, selectAll); 
        }); 
    }