@tbettinazziaxioma-it
@tbettinazziaxioma-it
Forum Replies Created
-
I created a testcase I’ll append below.
In the demo the relevant object is the Quantity field .
Running it as a demo You’ll see :
. clicking on the + in the Quantity field the dimension of the first row will reduce (why ?)
. clicking on the + button in the first line You’ll never see the required action (open a page in another window)
. clicking on the + button in the second line You’ll see sometime the required action (open a page in another window) and sometime not.
If you remove editing it works (but I need it for another field not in the demo).
I’ll send the testcase by mail.
Tks for Your help
Tullio
The problem seems to be more complex.
I’ setted the template as shown below and the button is allways shown but clicking the button sometimes it works and sometime it doesn’t.
To be more clear sometime I see “Piu” and the new page opens; sometime I see “Passo di qui” and “Passo di qua” on the console.
Why ?
tks
{label : ‘Quantity’, dataField : ‘XXX_Q’, showIcon: true, align: ‘center’, icon: ‘fa-plus-circle’, cellsAlign: ‘center’, width: 120,
template: function(formatObject) {
if (!formatObject.template) {
console.log(“Passo di qui”);
const plus = document.createElement(‘smart-button’);
plus.innerHTML = ‘<span class=”fa fa-plus cfg-button-font-icon”></span>’;
plus.addEventListener(‘click’, () => {
console.log(“Più”);
window.open(“https://www.w3schools.com”);
});
const template = document.createElement(‘div’);
template.appendChild(plus);
formatObject.template = template;
}
else {
console.log(“Passo di qua”);
}
}
},I looked at the example.
In my environment itm didn’t work and then I tryed to reproduce in your demo.
I modify the code as shown below simply adding some console.log but the console.log is never executed or, better, I don’t see the message. Why ?
Tks
{ label: ‘Quantity’, dataField: ‘Quantity’, showIcon: true, align: ‘center’, icon: ‘fa-plus-circle’, cellsAlign: ‘center’, width: 120,
template: function (formatObject) {
if (!formatObject.template) {
console.log(‘Entrato’);
const data = document.createElement(‘span’);
const plus = document.createElement(‘smart-button’);
const minus = document.createElement(‘smart-button’);
plus.style.background = getChipColor(0);
minus.style.background = getChipColor(5);
plus.innerHTML = ‘<span class=”fa-plus”></span>’;
minus.innerHTML = ‘<span class=”fa-minus”></span>’;
data.innerHTML = formatObject.value;
data.style.marginLeft = ‘7px’;
plus.row = formatObject.row;
minus.row = formatObject.row;
plus.addEventListener(‘click’, () => {
const row = plus.row;
console.log(‘plus ‘);
row.getCell(‘Quantity’).value += 5;
});
minus.addEventListener(‘click’, () => {
const row = minus.row;
console.log(‘Minus ‘);
row.getCell(‘Quantity’).value -= 5;
});
const template = document.createElement(‘div’);
template.appendChild(data);
template.appendChild(minus);
template.appendChild(plus);
formatObject.template = template;
}
else {
formatObject.template.firstChild.innerHTML = formatObject.value;
const buttons = formatObject.template.querySelectorAll(‘smart-button’);
buttons[0].row = formatObject.row;
buttons[1].row = formatObject.row;
}
}
