jQWidgets Forums

Tagged: jqxwindow, multiple windows, nested window

This topic contains 3 replies, has 2 voices, and was last updated by amichelins 10 years, 1 month ago.

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

Author

Error: Invalid structure! Posts

April 20, 2015 at 4:58 pm Error: Invalid structure! #70080

amichelins

Participant

This code rise Error: Invalid structure!

When i cut off the second window (window1) no erro is rised


....
  // initialize jqxGrid
    $('#window0').jqxWindow({
        height: 550, width: 610, maxWidth: 1000, draggable: false, resizable: false, isModal: true, autoOpen: false,
        theme: 'darkblue',
        initContent: function () {
        // initialize jqxGrid
        $("#windowContent").jqxGrid(
        {
            width: 600,
            theme: 'darkblue',
            source: dataAdapter,
            filterable: true,
            pageable: true,
            pagesize: 250,
            pagesizeoptions:['250', '500'],

            virtualmode: true,
            rendergridrows: function (params) {
                return params.data;
            },
            columns:
            [
                { text: 'UF', datafield: 'est', width: 50 },
                { text: 'Codígo', datafield: 'cod', width: 100 },
                { text: 'Municipio', datafield: 'descri', width: 400 }
            ]
        });
        }
    });
    $("#window1").jqxWindow({height: 40, width: 200, maxWidth: 200, draggable: false, resizable: false, isModal: true, autoOpen: false, theme: 'darkblue', initContent: function () { $("#window1Content").html(" "); }});
.....

HTML


    <div style="width: 100%; height: 660px; margin-top: 50px; " id="mainDemoContainer">
        <div id="window0">
                <div id="windowHeader"><span>Pesquisa de Municípios</span></div>
                <div>
                    <div style="width: 100%; height: 110px; ">
                        <table id="filter" style=" width: 100%; margin: auto; empty-cells: show; border-collapse: separate; border-spacing: 3px; ">
                        <tr>
                            <td class="TL" style=" width: 15%; "><label for="filcodmun">Cod. Mun: </label></td>
                            <td class="TL" style=" width: 55%; ">
                                <input name="filcodmun" id="filcodmun" type="text" style=" width: 150px; " maxlength="5" value=""  
                                 onblur="Javascript: UpperCaseField( this );" /></td>
                            <td class="TL" style=" width: 30%; vertical-align: mmiddle; " rowspan="3">
                                 <input type="button" id="filtrar" value="Filtrar" /></td>
                        </tr>
                        <tr>
                            <td class="TL"><label for="filestado">Estado: </label></td>
                            <td class="TL">
                                  <input name="filestado" id="filestado" type="text" style=" width: 150px; " maxlength="2" value=""  
                                    onblur="Javascript: UpperCaseField( this );" />&nbsp;&nbsp;EX: RS</td>
                        </tr>
                        <tr>
                            <td class="TL"><label for="filestado">Nome: </label></td>
                            <td class="TL"><input name="filnome" id="filnome" type="text" style=" width: 320px; " maxlength="60" value=""
                                             onblur="Javascript: UpperCaseField( this );" /></td>
                        </tr>
                        </table>
                    </div>
                    <div style=" margin-top: 5px; overflow: hidden;" id="windowContent">
                </div>
        </div>
        <div id="window1">
          <div id="window1Header"><span>Mensagem</span></div>
          <div>
              <div id="window1Content" style=" margin-top: 5px; overflow: hidden;"></div>
          </div>
        </div>
    </div>

What is happening?

I see the demos, i try the same structure and the erro persist

April 21, 2015 at 6:12 am Error: Invalid structure! #70094

ivailo

Participant

Hi amichelins,

In your structure the second window (window1) is nested. This raises the error.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

April 21, 2015 at 6:25 am Error: Invalid structure! #70097

ivailo

Participant

P.S.

Here is the sample of code, with needed structure.

<!--Start of the first window-->
        <div id="window0">
            <div id="windowHeader"><span>Pesquisa de Municípios</span></div>
            <div>
                <div style="width: 100%; height: 110px; ">
                    <table id="filter" style=" width: 100%; margin: auto; empty-cells: show; border-collapse: separate; border-spacing: 3px; ">
                        <tr>
                            <td class="TL" style=" width: 15%; "><label for="filcodmun">Cod. Mun: </label></td>
                            <td class="TL" style=" width: 55%; ">
                                <input name="filcodmun" id="filcodmun" type="text" style=" width: 150px; " maxlength="5" value=""
                                       onblur="Javascript: UpperCaseField( this );" />
                            </td>
                            <td class="TL" style=" width: 30%; vertical-align: mmiddle; " rowspan="3">
                                <input type="button" id="filtrar" value="Filtrar" />
                            </td>
                        </tr>
                        <tr>
                            <td class="TL"><label for="filestado">Estado: </label></td>
                            <td class="TL">
                                <input name="filestado" id="filestado" type="text" style=" width: 150px; " maxlength="2" value=""
                                       onblur="Javascript: UpperCaseField( this );" />&nbsp;&nbsp;EX: RS
                            </td>
                        </tr>
                        <tr>
                            <td class="TL"><label for="filestado">Nome: </label></td>
                            <td class="TL">
                                <input name="filnome" id="filnome" type="text" style=" width: 320px; " maxlength="60" value=""
                                       onblur="Javascript: UpperCaseField( this );" />
                            </td>
                        </tr>
                    </table>
                </div>
                <div style=" margin-top: 5px; overflow: hidden;" id="windowContent">
                </div>
            </div>
            
        </div>
<!--End of the first window-->

<!--Start of the second window-->
        <div id="window1">
            <div id="window1Header"><span>Mensagem</span></div>
            <div>
                <div id="window1Content" style=" margin-top: 5px; overflow: hidden;"></div>
            </div>
        </div>
<!--End of the second window-->

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

April 22, 2015 at 2:38 pm Error: Invalid structure! #70151

amichelins

Participant

Is working now. thanks alot!!!!

Just to clarify, the problem is the “<div style=”width: 100%; height: 660px; margin-top: 50px; ” id=”mainDemoContainer”>” ?
I analyzed the code, and the difference is mainDemoContainer div.

Great Job this lib!!!

Author

Posts

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

You must be logged in to reply to this topic.