Динамически внедренный виджет dojo не анализируется в IE8 - PullRequest
Новая
       10

Динамически внедренный виджет dojo не анализируется в IE8

0 голосов
/ 03 мая 2011

Когда я динамически внедряю виджет на страницу. Консоль выведет сообщение об ошибке, как показано ниже:

============================================ [Ошибка объекта] 

Error parsing in _ContentSetter#Setter_dijit_TitlePane_0_pane_0[object Error] Error undefined running custom onLoad code: This deferred has already been resolved

==========================================

Я тестирую его с IE8, Chrome (10.0.648.205), FireFox? 3.6.16 с dojo1.6, эта ошибка возникает только в IE8.

Ниже приведен мой тестовый JSP-файл: 

<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<html>
<head>
<title>test ie</title>
<style type="text/css">
    @import "../dojo16/dijit/themes/claro/claro.css";
    @import "../dojo16/dojo/resources/dojo.css"
    @import "../dojo16/dojox/grid/resources/Grid.css";
    @import "../dojo16/dojox/grid/resources/claroGrid.css";
</style>
<script type="text/javascript" src="../dojo16/dojo/dojo.js"
        djConfig="parseOnLoad: true">

</script>
<script type="text/javascript">
    dojo.require("dojo.parser");
    dojo.require("dijit.TitlePane");
    dojo.require("dijit.Dialog");
    dojo.require("dojox.data.HtmlStore");
    dojo.require("dojox.grid.DataGrid");

        dojo.addOnLoad(function() {             
                var reportDiv = dojo.byId("report");
                reportDiv.innerHTML = "<H1>Network Statistics Report</H1><table style='display:none' id='W3_TAB_STAGEN_source_table'>"
                + "<thead><tr><th>name</th><th>value</th></tr></thead>"
                + "<tbody<tr><td>Report Name</td><td>Whole Network View</td></tr></tbody>"
                + "</table><div dataId='W3_TAB_STAGEN_source_table' jsId='W3_TAB_STAGEN_store' dojoType='dojox.data.HtmlStore'></div>"
                + "<script type='text/javascript'>"
                +                               "var W3_TAB_STAGEN_layout = [["
                +       "                               {"
                +       "                                       field : 'name', "
                +   "                                   name : 'Name', "
                +   "                                   width : '50%', "
        +       "                                       headerStyles : 'text-align: center' "
        +       "                               },"
                +   "                                   {"
                +       "                                   field : 'value',"
                +   "                                   name : 'Value',"
                +   "                                   width : '50%', "
                +   "                                   headerStyles : 'text-align: center' "
                +   "               }"
                +   "                           ]] ; "
                +   " </scr" + "ipt>"           
                +   "       <div style='margin: 5px; width: 50%' title='General Information' dojoType='dijit.TitlePane'>"
                +   "<table rowCount='1' query='{}' structure='W3_TAB_STAGEN_layout' store='W3_TAB_STAGEN_store' columnReordering='true' autoHeight='true' dojoType='dojox.grid.DataGrid' class='grid' id='W3_TAB_STAGEN'></table>"
                +   "</div>";


                var scriptStr = dojo.query("script", reportDiv)[0].innerHTML;
                console.log(scriptStr);
                dojo.eval(scriptStr);
                dojo.parser.parse(reportDiv);
        });
</script>
</head>
<body class="claro">
        <!-- menu -->
        <table style="width: 100%">
                <tbody>
                        <tr>
                                <td style="width: 100%;">
                                        <div id="menubar"></div>
                        </tr>
                        </td>
                </tbody>
        </table>

        <BR>
        <div id="report" style="width: 100%; height: 100%">
        </div>
</body>
</html>

Может ли кто-нибудь подсказать мне, как обойти эту проблему.

С наилучшими пожеланиями Райан

1 Ответ

1 голос
/ 04 мая 2011

У вас может быть веская причина для того, чтобы сделать это так, как вы (хорошо ... добро), но я не понимаю, почему вы поместили W3_TAB_STAGEN_layout в строку HTML / Javascript? 

<script type="text/javascript">
    dojo.require("dojo.parser");
    dojo.require("dijit.TitlePane");
    dojo.require("dijit.Dialog");
    dojo.require("dojox.data.HtmlStore");
    dojo.require("dojox.grid.DataGrid");

    var W3_TAB_STAGEN_layout = [[
        {
            field : 'name', 
            name : 'Name', 
            width : '50%',
            headerStyles : 'text-align: center'
        },
        {
            field : 'value',
            name : 'Value',
            width : '50%',
            headerStyles : 'text-align: center'
        }
        ]];


        dojo.addOnLoad(function() {             
                var reportDiv = dojo.byId("report");
                reportDiv.innerHTML = "<H1>Network Statistics Report</H1><table style='display:none' id='W3_TAB_STAGEN_source_table'>"
                + "<thead><tr><th>name</th><th>value</th></tr></thead>"
                + "<tbody<tr><td>Report Name</td><td>Whole Network View</td></tr></tbody>"
                + "</table><div dataId='W3_TAB_STAGEN_source_table' jsId='W3_TAB_STAGEN_store' dojoType='dojox.data.HtmlStore'></div>"
                + "<div style='margin: 5px; width: 50%' title='General Information' dojoType='dijit.TitlePane'>"
                +   "<table rowCount='1' query='{}' structure='W3_TAB_STAGEN_layout' store='W3_TAB_STAGEN_store' columnReordering='true' autoHeight='true' dojoType='dojox.grid.DataGrid' class='grid' id='W3_TAB_STAGEN'></table>"
                +   "</div>";

    /*
                var scriptStr = dojo.query("script", reportDiv)[0].innerHTML;
                console.log(scriptStr);
                dojo.eval(scriptStr);
    */
                dojo.parser.parse(reportDiv);
        });
</script>

Это исправляет проблему в IE8. Я не знаю, что конкретно вызвало проблему, но я предполагаю, что IE душит ваше HTML-> Javascript-> HTML-> Javascript расположение по какой-то причине .. на этот раз я согласен с IE, это .. э-э. немного беспорядка; -)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...