display gridview control in pop up window

Question

I want to display gridview control in pop up window using jQuery. Please help me. I don't want jQuery UI

Joginder Banger · Answer

Hi Radika, this is not difficult stuff, use the Jquery Dialog function. Dialog function display your data on pop window like you want. Jquery reference Make a simple Div like //Place your Grid view here $( document ).ready(function() { $( "#gridviewDIv" ).dialog(); }); -jsb

Ramesh kumar · Answer

Try this $ ( function ( ) { modalPosition ( ) ; $ ( window ) . resize ( function ( ) { modalPosition ( ) ; } ) ; $ ( '.openModal' ) . click ( function ( e ) { $ ( '.modal, .modal-backdrop' ) . fadeIn ( 'fast' ) ; e . preventDefault ( ) ; } ) ; $ ( '.close-modal' ) . click ( function ( e ) { $ ( '.modal, .modal-backdrop' ) . fadeOut ( 'fast' ) ; } ) ; } ) ; function modalPosition ( ) { var width = $ ( '.modal' ) . width ( ) ; var pageWidth = $ ( window ) . width ( ) ; var x = ( pageWidth / 2 ) - ( width / 2); $('.modal').css({ left: x + "px" }); } Html XHTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ID = "btn_open" runat = "server" Text = "Show Gridview" CssClass = "openModal" /> class = "modal" > class = "modal-header" > Student Details class = "close-modal" href = "#" > &times; class = "modal-body" > ID = "GridView1" runat = "server" Height = "100%" Width = "100%" > class = "modal-footer" > ID = "btn_close" runat = "server" Text = "OK" CssClass = "modalOK close-modal" /> class = "modal-backdrop" > Refer:- display gridview in popup window using jquery

display gridview control in pop up window

Answers (2)