0

我创建了一个自定义小部件，用于在您单击图标时显示工具提示。当我添加其他小部件的此模板时，我收到“dojo/parser.js:900 dojo/parser::parse() 错误错误：无法解析构造函数：'CustomPopup'”以下错误。我在这里附上我的代码。CustomPopup 是用于显示工具提示的小部件。（html和js都在同一个目录下）

CustomPopup.html

  <span id="${id}"   data-dojo-attach-event="onclick: myClickHandler, mouseout: myMouseOut"></span>

CustomPopup.js

define([       
        'dijit/_WidgetBase',
        'dijit/_TemplatedMixin',
        'dijit/_WidgetsInTemplateMixin',  
        'dojo/_base/declare',
        'dojo/on',
        'dijit/registry',
        'dijit/TooltipDialog',
        'dijit/popup',
        'dojo/mouse',
        'dojo/dom',
        'dijit/_AttachMixin',
        'dojo/text!./CustomPopup.html',
        'dojo/parser'

        ],function(  _WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin, declare,on,registry,TooltipDialog,popup,mouse,dom,_AttachMixin,htmlTemplate,
                    parser)
{
return declare([_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,TooltipDialog],{


           templateString    : htmlTemplate,


           myClickHandler: function(e){
                            console.log('hiiii');
                           },
           myMouseOut: function(){
                           console.log('bhhhh');
                           },

_toolTipDialog : null    

            });
        });

我将此小部件添加到另一个小部件以获取工具提示，该 HTML 模板是

一些小工具：

<div id="mainId" data-dojo-type="dijit/layout/ContentPane" style="width:100%; height:100%">
    <div data-dojo-type="dijit/form/TextBox" data-dojo-props='diaplayedValue:"10"' id="jet" style="background-color: red;"></div>
    <div data-dojo-type="dijit/form/TextBox" data-dojo-props='displayedValue:"20"' id="jet1" style="background-color: blue;"></div>
    <div  data-dojo-type="CustomPopup" id="klm"></div>

</div>

我收到以下错误： 在此处输入图像描述

更多信息在此处输入图像描述

所以，有人可以帮助解决我的错误。

4

1 回答 1

0

您永远不应该将 id 用于 dojo 小部件。改用 data-dojo-attach-point

于 2020-01-31T07:05:00.890 回答