Skip to content

[add] svar integration guides #58

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 11 commits into
base: next
Choose a base branch
from

Conversation

serhiipylypchuk1991
Copy link
Contributor

No description provided.

@serhiipylypchuk1991 serhiipylypchuk1991 self-assigned this May 22, 2025
@Sorokin-Oleg Sorokin-Oleg self-requested a review July 1, 2025 11:48

Open the ***Grid.jsx*** file and import the corresponding Suite widget. Note that:

- if you use PRO version and install the Suite package from a local folder, the import paths look as follows:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@serhiipylypchuk1991 профессиональная версия может быть также доступна из нашего pro npm. Есть еще gpl версия npm, но про нее писать не нужно.

import { Grid } from '@dhx/suite'; // import { SuiteWidgetName } from '@dhx/suite';

Предлагаю вынести процесс установки пакетов на отдельную страничку, и ссылаться на нее во всех версиях.

Можно показать 3 способа:

  • PRO npm;
  • Trial npm;
  • Local folder as package.

С недавнего времени в readme.md пакетов попадает следующая информация, она тоже может быть на странице:

How to install using npm
------------

Professional Evaluation version:

- npm config set @dhx:registry https://npm.dhtmlx.com
- npm i @dhx/trial-suite

Professional version:

Generate your login and password for private npm in your Client's Area: https://dhtmlx.com/clients/

- npm config set @dhx:registry https://npm.dhtmlx.com
- npm login --registry=https://npm.dhtmlx.com --scope=@dhx --auth-type=legacy
- npm install @dhx/suite

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@serhiipylypchuk1991 этот комментарий будет актуален для всех страниц с интеграцией

- if you use the trial version of Suite, the import paths look as follows:

~~~jsx title="Grid.jsx"
import { SuiteWidgetName } from '@dhx/trial-suite'; // import { Grid, Pagination, ... } from '@dhx/trial-suite';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@serhiipylypchuk1991 прости мне мое занудство, но нужно посмотреть на 'кавычки' и привести их к "одному виду".

~~~

:::tip
You can call any Suite widget method as follows: `suite_widget.someMethod()`
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@serhiipylypchuk1991 возможно не стоит показывать данную заметку. Так как гайд рассчитан на людей, которые знакомы с основными принципами работы JS объектов. Пробел в том, что помимо методов, у компонентов есть отдельные модули, которые имеют подмодули и все они официально могут быть вызваны.

Либо, если нужно оставить, то показать, что в react работа с API компонента не отличается от работы с данным модулем в JS.


#### Specify data through the method

To load predefined data into a Suite widget, you can also call the `parse()` method:
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@serhiipylypchuk1991 один из частных случаев. Тут можно направить пользователя на гайды по работе с данными по отдельным компонентам (общая фраза, без перечислений)


In this guide you can find basic concepts on how to utilize the **trial** version of Suite widgets.

### Initialize Suite widget(s) within a container
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@serhiipylypchuk1991 не нахожу информации по рендерингу компонента в App.jsx

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants