This is a migrated thread and some comments may be shown as answers.

using jQuery to access radGrid

0 Answers 79 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Justin
Top achievements
Rank 1
Justin asked on 14 Sep 2011, 08:17 PM
I am trying to loop through a radGrid with jQuery to access it Edit link. So basically what I want to do is show a modal dialog whenever the Edit link is clicked. I have the Modal dialog working using jquery and it is activated based on the .click jquery event. Is there a way to make it so when ever you click an Edit link in the radGrid it activates that?

This is my jquery code:
<script>
 
    $(document).ready(function() {
 
        //select all the a tag with name equal to modal
        $("#imgBtnBack").click(function(e) {
        if (($("#radTextBoxNotes_text").val().length === 0) && ($('#rblChangeButtonType input:checked').val() == '100000000') && ($("#RadDatePicker1").val().length === 0)) {
                history.back();
                return false;
            } else {
                //Cancel the link behavior
                e.preventDefault();
                //Get the A tag
                var id = "#dialog";
 
                //Get the screen height and width
                var maskHeight = $(document).height();
                var maskWidth = $(window).width();
 
                //Set height and width to mask to fill up the whole screen
                $('#mask').css({ 'width': maskWidth, 'height': maskHeight });
 
                //transition effect    
                $('#mask').fadeIn(0);
                $('#mask').fadeTo("fast", 0.8);
 
                //Get the window height and width
                var winH = $(window).height();
                var winW = $(window).width();
 
                //Set the popup window to center
                $(id).css('top', winH / 2 - $(id).height() / 2);
                $(id).css('left', winW / 2 - $(id).width() / 2);
 
                //transition effect
                $(id).fadeIn(0);
            }
        });
        //if close button is clicked
        $('.window .close').click(function(e) {
            //Cancel the link behavior
            e.preventDefault();
            $('#mask, .window').hide();
        });
 
        //if mask is clicked
        $('#mask').click(function() {
            $(this).hide();
            $('.window').hide();
        });
    });
    function OnClientClicked(sender, eventArgs) {
        //if close button is clicked
        $('.window .close').click(function(e) {
            //Cancel the link behavior
            e.preventDefault();
            $('#mask, .window').hide();
        });
        
    }
</script>


Thanks!

No answers yet. Maybe you can help?

Tags
Grid
Asked by
Justin
Top achievements
Rank 1
Share this question
or