JavaScript — Глобальная функция для ExtJs 6

Question

JavaScript — Глобальная функция для ExtJs 6

вот моя функция 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{
///
}

}

Как написать функцию в коде ExtJs, которую я могу вызвать отсюда по клику
И я понятия не имею, как это сделать. Я еще ничего не пробовал

0

extjs extjs6-classic javascript php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Как написать функцию в коде ExtJs, которую я могу вызвать отсюда по клику И я понятия не имею, как это сделать. Я еще ничего не пробовал

Я думаю, что вы можете использовать одиночка для глобальных или общих функций.

одиночка это класс, который может иметь только один экземпляр объекта. В 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()
});

2