jQWidgets Forums

Tagged: editor, initContent, jQxEditor, jqxwindow, window

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

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

Author

bug. init child control before init parent window. Posts

October 31, 2014 at 8:08 am bug. init child control before init parent window. #61924

minsu0806

Participant

just example..

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

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

is that happen only me?

November 3, 2014 at 8:08 am bug. init child control before init parent window. #62036

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/

Author

Posts

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

You must be logged in to reply to this topic.