Can I add my datagrid to oro cms widget

Hi,

Can I add my datagrid to oro CMS widget, so I can inject the widget wherever i want.

Thanks!

---

arh922

Topic

[vitaliyberdyloParticipant]

Hi,Ayman Hussein.

Please, read the documentation about adding widgets to cms page
https://github.com/oroinc/orocommerce/blob/master/src/Oro/Bundle/CMSBundle/Resources/doc/widgets.md

You shuld register own widget.
For example if you called it ‘datagrid’, you should render it

PHP

{{ widget('datagrid', {name: 'grid-name', params: {id: 1}}) }}

1	{{ widget('datagrid', {name: 'grid-name', params: {id: 1}}) }}

in widget, which implement Oro\Bundle\CMSBundle\Widget\WidgetInterface, you should inject twig renderer and render template with this macros

PHP

{% import 'OroDataGridBundle::macros.html.twig' as dataGrid %} {{ dataGrid.renderGrid('grid-name', params) }}

1 2 3

{% import 'OroDataGridBundle::macros.html.twig' as dataGrid %}   {{ dataGrid.renderGrid('grid-name', params) }}

[Ayman HusseinParticipant]

Hi vitaliyberdylo,

Actually I did what suggested above, but I got the following js error:

datagrid error in cms widget

Thanks!

---

arh922

[vitaliyberdyloParticipant]

I investigated this problem.
Unfortunately at the moment we cant provide adding grids to oro cms widget.
There are some issues with required grid templates such as toolbar and grid-views.

You can add manualy to your widget tamplate
But toolbar will be no stylized

PHP

{% import 'OroDataGridBundle::macros.html.twig' as dataGrid %} {% include 'OroDataGridBundle:js:toolbar.html.twig' %} <div class="js-frontend-datagrid-grid-views-tpl"> </div> {{ dataGrid.renderGrid(datagrid) }}

1 2 3 4 5 6 7 8

{% import 'OroDataGridBundle::macros.html.twig' as dataGrid %}   {% include 'OroDataGridBundle:js:toolbar.html.twig' %}   <div  class="js-frontend-datagrid-grid-views-tpl"> </div>   {{ dataGrid.renderGrid(datagrid) }}

[marcosjp88Participant]

thank you for the solution.

[Author]

Replies