Javascript 如何在ExtJS类中包装单独的组件。错误：未定义类_Javascript_Html_Css_Dom_Extjs

Javascript 如何在ExtJS类中包装单独的组件。错误：未定义类

javascript html css dom extjs

Javascript 如何在ExtJS类中包装单独的组件。错误：未定义类,javascript,html,css,dom,extjs,Javascript,Html,Css,Dom,Extjs,我用html和Java脚本创建了一个新的应用程序。我正在传递div id和creatinginput。下面给出了我的html和javascript代码 index.html <head> <title>MyInput </title> <link rel="stylesheet" type="text/css" href="css/MyInput.css"> <script src="js/MyInput.js">

我用html和Java脚本创建了一个新的应用程序。我正在传递div id和creatinginput。下面给出了我的html和javascript代码

index.html

<head>
    <title>MyInput </title>
    <link rel="stylesheet" type="text/css" href="css/MyInput.css">
    <script src="js/MyInput.js"></script>
</head>
    <body style = "height: 500px;">
        <div id="chart_line" style = "position: relative;"></div>
</body>
<script>
    var myCombo = new MyInput({
                "url": "data.json",
                "divID": "chart_line",
            });
</script>

这是为我创建一个输入字段

现在我想在ExtJS应用程序上实现这一点。所以我尝试使用wrap-into组件。但这是失败的错误为MyInput未定义。

我的代码，我试图得到这个

    {
        xtype : 'component',
        width: 40,
        height: 20,
        padding: 20,
        listeners :{
            afterrender : function(me,eOpts) {
                var tt = new MyInput.MyInput({ 
                    "url": "data.json",
                    "divID": "chart_line",
                });
            }
        }
    }

同样在使用之前，我在app.json中添加了我的JS和Css文件我正试图得到这个后渲染。但这里我犯了一个错误。有人能给我建议如何改正吗

    {
        xtype : 'component',
        width: 40,
        height: 20,
        padding: 20,
        listeners :{
            afterrender : function(me,eOpts) {
                var tt = new MyInput.MyInput({ 
                    "url": "data.json",
                    "divID": "chart_line",
                });
            }
        }
    }