Javascript extjs6的全局函数

这是我的Ajax函数

 Ext.Ajax.request({
        url : 'report.php',
        method: 'POST',
        success: function (result, request ) {
            panel.update(result.responseText);
            mask.hide();
        }
    });

我的report.php如下所示：

<tr>
<td class='center'><b>Company</b></td>
    <td class='center'><b>User</b></td>
    <td class='center'><b>Report</b></td>
</tr>
<tr>
<?php foreach ($data as $day) {?>
  if($day == $today){
<td onClick="ExtJsFunction()"><?php $today?></td>
}else{
///
}

}

单位
使用者
报告
如果（$day==$day）{
}否则{
///
}
}

如何在ExtJs代码中编写一个函数，我可以在这里单击调用它 我不知道怎么做。我还没试过

我如何在ExtJs代码中编写一个函数，我可以在这里单击调用它，但我不知道怎么做。我还没试过

我认为您可以使用全局或通用函数

Singleton是一个只能有一个对象实例的类。在ExtJS 4或更高版本中，加载应用程序后将实例化一个单例对象

我已经创建了一个小演示，希望这将帮助你

//singleton here is {singleton} class
Ext.define('Gloabal', {
    singleton: true,
    alternateClassName: 'globalUtilities',
    doApiCall: function (el) {
        Ext.Msg.alert('Succes','You have clicked on <b>'+el.innerText);
        //you can call your api here...
        //on basis of your requirment
    }
});

Ext.create('Ext.form.Panel', {
    title: 'Simple Form',
    bodyPadding: 5,
    width: 350,

    // The form will submit an AJAX request to this URL when submitted
    url: 'save-form.php',

    // Fields will be arranged vertically, stretched to full width
    layout: 'anchor',
    defaults: {
        anchor: '100%'
    },

    // The fields
    defaultType: 'textfield',
    items: [{
        fieldLabel: 'First Name',
        name: 'first',
        allowBlank: false
    }, {
        fieldLabel: 'Last Name',
        name: 'last',
        allowBlank: false
    }, {
        xtype: 'label',
        html: '<table style="width: 100%;border-collapse: collapse;text-align: center;cursor: pointer;"><tr>' +
            '<td onclick=globalUtilities.doApiCall(this) style="border:1px solid #ccc;">API 1</td>' +
            '<td onclick=globalUtilities.doApiCall(this) style="border:1px solid #ccc;">API 2</td>' +
            '<td onclick=globalUtilities.doApiCall(this)  style="border:1px solid #ccc;">API 3</td>' +
            '</tr></table>'
    }],

    // Reset and Submit buttons
    buttons: [{
        text: 'Reset',
        handler: function () {
            this.up('form').getForm().reset();
        }
    }],
    renderTo: Ext.getBody()
});

//这里的singleton是{singleton}类
Ext.define（'Gloabal'{
辛格尔顿：没错，
alternateClassName:“globalUtilities”，
DOAPCALL:函数（el）{
Ext.Msg.alert（'Succes'，'You have click on'+el.innerText）；
//你可以在这里调用你的api。。。
//根据你的要求
}
});
Ext.create（'Ext.form.Panel'{
标题：“简单形式”，
车身衬垫：5，
宽度：350，
//表单在提交时将向该URL提交AJAX请求
url:“save form.php”，
//场地将垂直排列，延伸至全宽
布局：“锚定”，
默认值：{
主持人：“100%”
},
//田野
defaultType:'textfield'，
项目：[{
fieldLabel:“名字”，
姓名：'第一'，
allowBlank:false
}, {
fieldLabel:“姓氏”，
姓名：'最后'，
allowBlank:false
}, {
xtype:'标签'，
html:'+
“API 1”+
“API 2”+
“API 3”+
''
}],
//重置和提交按钮
按钮：[{
文本：“重置”，
处理程序：函数（）{
this.up（'form'）.getForm（）.reset（）；
}
}],
renderTo:Ext.getBody（）
});

我如何在ExtJs代码中编写一个函数，我可以在这里单击调用它，但我不知道怎么做。我还没试过

我认为您可以使用全局或通用函数

Singleton是一个只能有一个对象实例的类。在ExtJS 4或更高版本中，加载应用程序后将实例化一个单例对象

我已经创建了一个小演示，希望这将帮助你

//singleton here is {singleton} class
Ext.define('Gloabal', {
    singleton: true,
    alternateClassName: 'globalUtilities',
    doApiCall: function (el) {
        Ext.Msg.alert('Succes','You have clicked on <b>'+el.innerText);
        //you can call your api here...
        //on basis of your requirment
    }
});

Ext.create('Ext.form.Panel', {
    title: 'Simple Form',
    bodyPadding: 5,
    width: 350,

    // The form will submit an AJAX request to this URL when submitted
    url: 'save-form.php',

    // Fields will be arranged vertically, stretched to full width
    layout: 'anchor',
    defaults: {
        anchor: '100%'
    },

    // The fields
    defaultType: 'textfield',
    items: [{
        fieldLabel: 'First Name',
        name: 'first',
        allowBlank: false
    }, {
        fieldLabel: 'Last Name',
        name: 'last',
        allowBlank: false
    }, {
        xtype: 'label',
        html: '<table style="width: 100%;border-collapse: collapse;text-align: center;cursor: pointer;"><tr>' +
            '<td onclick=globalUtilities.doApiCall(this) style="border:1px solid #ccc;">API 1</td>' +
            '<td onclick=globalUtilities.doApiCall(this) style="border:1px solid #ccc;">API 2</td>' +
            '<td onclick=globalUtilities.doApiCall(this)  style="border:1px solid #ccc;">API 3</td>' +
            '</tr></table>'
    }],

    // Reset and Submit buttons
    buttons: [{
        text: 'Reset',
        handler: function () {
            this.up('form').getForm().reset();
        }
    }],
    renderTo: Ext.getBody()
});

//这里的singleton是{singleton}类
Ext.define（'Gloabal'{
辛格尔顿：没错，
alternateClassName:“globalUtilities”，
DOAPCALL:函数（el）{
Ext.Msg.alert（'Succes'，'You have click on'+el.innerText）；
//你可以在这里调用你的api。。。
//根据你的要求
}
});
Ext.create（'Ext.form.Panel'{
标题：“简单形式”，
车身衬垫：5，
宽度：350，
//表单在提交时将向该URL提交AJAX请求
url:“save form.php”，
//场地将垂直排列，延伸至全宽
布局：“锚定”，
默认值：{
主持人：“100%”
},
//田野
defaultType:'textfield'，
项目：[{
fieldLabel:“名字”，
姓名：'第一'，
allowBlank:false
}, {
fieldLabel:“姓氏”，
姓名：'最后'，
allowBlank:false
}, {
xtype:'标签'，
html:'+
“API 1”+
“API 2”+
“API 3”+
''
}],
//重置和提交按钮
按钮：[{
文本：“重置”，
处理程序：函数（）{
this.up（'form'）.getForm（）.reset（）；
}
}],
renderTo:Ext.getBody（）
});

不，您也可以用另一种方式调用。我是指，因为它将帮助您在整个应用程序。在这里，您可以定义自己所需的变量、方法和格式，无论您想在这里做什么。这在需要一个对象来协调整个系统的操作时非常有用。不，您也可以调用其他不同的方法。我是指，因为它将帮助您在整个应用程序。在这里，您可以定义自己所需的变量、方法和格式，无论您想在这里做什么。这在需要一个对象来协调整个系统的操作时非常有用。