jQWidgets Forums

This topic contains 1 reply, has 2 voices, and was last updated by Peter Stoev 10 years, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

fire a event when close a windows in Jqxdocking Posts

November 8, 2014 at 5:19 am fire a event when close a windows in Jqxdocking #62415

Participant

How to fire a event when close a windows in Jqxdocking?

i tried this methods,

$("#win1, #win2").bind('close', function(event) {
	alert("closeing");
});

but its not working.

November 8, 2014 at 8:34 am fire a event when close a windows in Jqxdocking #62420

Peter Stoev

Keymaster

Hi Kavyad23,

If the IDs are correct, it would work. You can find working demo below:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="keywords" content="jqxDocking, jQuery Docking, jQWidgets, Events" />
    <meta name="description" content="jqxDocking has events which are connected with some actions on the windows inside. Common events which probably you'll need 
    to handle are the dragEnd and dragStart event. You can see these events down in the demo." />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />  
    <title id='Description'>This demo illustrates how to handle the jqxDocking events. Drag a window and drop it anywhere to see the handled event.</title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdocking.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {            
            $('#docking').jqxDocking({  orientation: 'horizontal', width: 650, mode: 'default' });
            $("#window0, #window1, #window2").on("close", function () {
                alert("Close");
            });
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget'>
        <div id="events" style="border-width: 0px; float: left;
            margin-left: 30px;">
        </div>
        <div id="docking" style="float: left;">
            <div>
                <div id="window0" style="height: 150px">
                    <div>
                        CISC</div>
                    <div>
                        Before the RISC philosophy became prominent, many computer architects tried to bridge
                        the so called semantic gap, i.e. to design instruction sets that directly supported
                        high-level programming constructs such as procedure calls, loop control, and complex...</div>
                </div>
                <div id="window1" style="height: 150px">
                    <div>
                        Database management system</div>
                    <div>
                        A database management system (DBMS) is a software package with computer programs
                        that control the creation, maintenance, and the use of a database. It allows organizations
                        to conveniently develop databases...</div>
                </div>
            </div>
            <div>
                <div id="window2" style="height: 150px">
                    <div>
                        RISC</div>
                    <div>
                        Some aspects attributed to the first RISC-labeled designs around 1975 include the
                        observations that the memory-restricted compilers of the time were often unable
                        to take advantage...</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.