jQuery UI Widgets Forums Dialogs and Notifications Window bug. init child control before init parent window.

This topic contains 1 reply, has 2 voices, and was last updated by  Nadezhda 5 years, 9 months ago.

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

  • minsu0806
    Participant

    just example..

    <div id=’window’>
    <textarea></textarea>
    </div>

    —– PAGE NOT FOUND ERROR—-
    <script>
    $(“textarea”).jqxEditor();
    $(“#window).jqxWindow();
    </script>

    —– Normal ——————-
    <script>
    $(“#window).jqxWindow();
    $(“textarea”).jqxEditor();
    </script>

    is that happen only me?


    Nadezhda
    Participant

    Hello minsu0806,

    If you want to use window and editor in it you will need to use ‘initContent’ method. jqxWindow has specific structurethat you can fine in below example.

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title></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="../../jqwidgets/jqxcore.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxtabs.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxdropdownbutton.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxcolorpicker.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxeditor.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxtooltip.js"></script>
        <script type="text/javascript" src="../../scripts/demos.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#window").jqxWindow({
                    height: 450,
                    width: 950,
                    initContent: function () {
                        $("#editor").jqxEditor({ height: 400, width: 700 });
                    }
                });
            });
        </script>
    </head>
    <body class='default'>    
            <div id="window">
                <div>Header</div>
                <div><textarea id="editor"></textarea></div>          
            </div>   
    </body>
    </html>

    Best Regards,
    Nadezhda

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

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

You must be logged in to reply to this topic.