如何将单独的组件集成到ExtJS应用程序中

Question

我在Javascript中单独创建一个简单的输入元素。

我的代码：

MyInput = function(args) {
    var divID = args.divID;
    var div = document.getElementById(divID);
    var myTable = '<input type="text" id="myInput"  list="myUL" onclick = "openingList()" onkeyup="openingList()" style="width:30%;" >';
    div.innerHTML = myTable;
}

我保留在文件夹结构 MyCombo / MyInput.js 中，CSS是 MyCombo / MyInput.js 。我将这两个文件夹结构传递给app.json。

现在我想在表单面板上使用它。我想传递divID，宽度和其他一些东西。

假设我的表单就像

Ext.define('FormTest.view.main.login', {
            extend: 'Ext.form.Panel',
            xtype: 'login',
            title: 'Login Form',
            bodyPadding: 5,
            width: 350,
            url: 'save-form.php',
            layout: 'anchor',
            defaults: {
                anchor: '100%'
            },
            items: [{
                    xtype: 'textfield',
                    fieldLabel: 'First Name',
                    allowBlank: false
                }
                {
                    xtype: 'radiofield',
                    fieldLabel: 'Female',
                    allowBlank: false
                },
                {
                    xtype: 'radiofield',
                    fieldLabel: 'Male',
                    allowBlank: false,
                },{
                    // Here I want to use My Input. 
                }
                ],
                buttons: [{
                    text: 'Reset',
                    handler: function() {
                        this.up('form').getForm().reset();
                    }
                }],
                renderTo: Ext.getBody()
            });

我想要使用的具体位置MyInput。

目前我正在访问第三个应用程序中的某些index.html。

var myInput = new myInput({
      "url": "data.json",
      "divID": "chart_line"
    });

你可以建议我如何将它集成到我的ExtJS应用程序中。

注意：我需要将它用于我的应用程序，而不是Ext Component。