Products

[Oleg Ilin]

Sorry.
If I understand correctly – the records remain, only the color changes?
This is not suitable, since the databases are quite large and the search is needed to avoid scrolling through several screens, even though pagination is disabled. Only the records obtained as a result of the search should be displayed

[Oleg Ilin]

The issue is resolved. It turns out that by using the corresponding standart  function  cellsClassName() , which provides each line with its own ccs, the problem is solved very simply and allows you to build any hierarchical structures.

………………

……………..

{ label: “ORGANIZATION”, dataField: “NameOrg”,align:’left’,

cellsClassName: (index, dataField, value, rowData, row) => {
var level;
var leaf’;
level=row.data.level; //  level hierarchy Org
leaf= row.data.leaf; // Customer

if (leaf) { return ‘level-6’}  //css for customer
if (level == 0) {
return ‘level-0’; // up level
};
if (level == 1) {
return ‘level-1’;
};
if (level == 2) {
return ‘level-2’;
};
if (level == 3) {
return ‘level-3’;
};
if (level == 4) {
return ‘level-4’;
};

}, /// end cellsClass name

• This reply was modified 3 weeks, 2 days ago by Oleg Ilin.
• This reply was modified 3 weeks, 2 days ago by Oleg Ilin.

[Oleg Ilin]

Dear friends.
The request is cancelled. I found a very compact technique (it will work for any framework), which removes all handlers when pressing the category expansion button, except for the native smart web component. As stated in the request, third-party frameworks and environment programs can use their own handlers for button presses, mouse behavior, etc. Smart web components are configured to work with DOM and use aria technology and internal variables in DOM.
The given technique removes all handlers (in particular on the button), leaving only the native handler.
(JQuery was used, but any listener will do)

……

function disableTabindexButtons() {
var buttons =                              document.querySelectorAll(‘smart-grid-row’)
buttons.forEach(function(note) {
var note1 =                   note.querySelector(“button”)
note1.setAttribute(“type”,”button”);
});
}

$(document).ready(function() {
$(document).mouseup(function (e) {
var t=                           e.target.getAttribute(“tabindex”)
if (t==”-1″){
e.preventDefault(); // if it needs you can find smart-grid-sell-container in the parent
e.stopPropagation();
disableTabindexButtons() }
})
})

Thanks

[Oleg Ilin]

Thank you. But I was interested in the question of opening a link when clicking anywhere in the row. Clicking Not on a specific cell, but anywhere in the row

[Oleg Ilin]

Moreover, the error appears already when entering
locale = “it”

https://disk.yandex.ru/i/aFbKrj7P9P5ByA
but when using
<smart-grid locale=”it” id=”grid”></smart-grid>
everything happens normally and in the console
you can see that
?grid.locale

> “it”

 

 

[Oleg Ilin]

Also, when the main grid is loaded dynamically,
(throught virtualDataSourceOnExpand)

system crash

https://disk.yandex.ru/i/KTJc72rDNmMeHA

[Oleg Ilin]

Dear Svetoslav.
Thank so much you for your help.
Is it possible:
1 Combine both arrows into one (so that the row details grid expands when the parent node is opened).
In another way, when clicking on the arrows, either a new category or details about the line was programmed to open.
2 Hide some (not all)  selective arrows so as not to show the details of those rows ?
Best Regards
Oleg Il

https://disk.yandex.ru/i/AUNSSKduyE71nA

[Oleg Ilin]

Hi Svetoslav,

What does it mean “without virtualization”?
My database is very large and I use servers all the time to get data for each category expansion?
Your example is absolutely correct. It shows an indicator
at the beginning of the row expand and does not refresh the entire table.
But unfortunately I can’t make my grid behave like yours.
I have an indicator in the center of the screen and refresh when a new category expands.
What tricky miracle works for you?)

Also, I saw a new parameter “displayLoadingIndicator” not mentioned in the documentation. Where can I find the complete documentation for the components?

Best Regards,

Oleg I

• This reply was modified 1 year, 7 months ago by Oleg Ilin.

[Oleg Ilin]

 

Good afternoon,
I didn’t quite get your point about style inheritance.
Initially of stage loads all smart components (all js and css)
For all subsequent stages of work, I no longer upload any js and css.

The menu and divs for the context of page (andfor second dock layout accordenly) are always on the same page, but only the second docking instance created changes the style of the menu. When this second docking instanse is removed, the menu style is restored.
Does your component change the body styles , common headers or anything ? Note that the styles break when the second instance of the dock is created.
Best Regards,
Oleg Il

[Oleg Ilin]

<div>
<div>
<div>Dear friends,</div>
<div>I started to see the inscription of your site when using web components</div>
</div>
</div>
<div></div>
<div>https://disk.yandex.ru/i/SxbQhnQP-7p7Eg</div>
<div>
<div>I have purchased a license for your product Version 10.x-14.x and use this version</div>
<div>Where can I insert the license key so that the inscription does not appear again</div>
<div>Best Regards,</div>
<div>Oleg I</div>
</div>
<div></div>

[Oleg Ilin]

<div>
<div>
<div>Dear friends,</div>
<div>I started to see the inscription of your site when using web components</div>
</div>
</div>
<div></div>
<div>https://disk.yandex.ru/i/SxbQhnQP-7p7Eg</div>
<div>
<div>I have purchased a license for your product Version 10.x-14.x and use this version</div>
<div>Where can I insert the license key so that the inscription does not appear again</div>
<div>Best Regards,</div>
<div><span>Oleg I</span></div>
</div>
<div></div>

[Oleg Ilin]

Hi Svetoslav,

Thank you so much for your suggestions.
ideas with  CSS  are quite cumbersome, and do not allow using this panel for other purposes.
Creating a listener closest to this hidden button with its own event handling fixed the problem.

Best Regards,

Oleg I

[Oleg Ilin]

be careful with initialization via CSS, especially when using %; e.g. height: 100%  often leads to unpredictable results

[Oleg Ilin]

Hi Steven,

I really appreciate your help!!

Thank you so match.

Best Regard,

Oleg I

[Oleg Ilin]

Thank!

 

 

[Author]

Posts