@inboundtech/wappler-kendo-grid

Wappler extension that wraps Kendo UI for jQuery Grid as <dmx-kendo-grid>.

• Designer UI: app_connect/components.hjson
• Runtime: dmx-kendo-grid.js
• Bundled vendor: Kendo UI 2026.2.520, theme 13.1.1, JSZip, CSS (copied to host public/ on install)

Official Kendo docs: Grid overview

Install

See INSTALL.md for host project setup, Wappler registration, layout scripts, and license.

Features

• Paging, sorting, filtering (row/menu), column menu, grouping
• Compact density via grid_size="small" (or medium / large)
• Responsive layout via responsive_columns and per-column minScreenWidth / media
• Excel / PDF / CSV export toolbar
• In-cell / inline / popup editing
• Dynamic action buttons array (dmx-bind:action_buttons) — unlimited row commands
• Per-button Wappler events: row_command_view, row_command_button1, … row_command_action5
• Row command handler with kendoGrid.commandName

Quick example

<dmx-value id="varGridButtons" dmx-bind:value="[
  {command:'view', iconClass:'fas fa-eye', btnClass:'btn btn-info btn-sm m-1'},
  {command:'delete', iconClass:'fas fa-trash', btnClass:'btn btn-danger btn-sm m-1'}
]"></dmx-value>

<dmx-kendo-grid id="kendoGrid1"
  dmx-bind:data="scData.data.query"
  action_column=""
  dmx-bind:enable_actions="true"
  dmx-bind:action_buttons="varGridButtons.value"
  dmx-on:row_command_view="varRow.setValue(kendoGrid1.data);modalView.show()"
  dmx-on:row_command_delete="varRow.setValue(kendoGrid1.data);modalDelete.show()">
  <div class="dmx-kendo-grid-host"></div>
</dmx-kendo-grid>

Use semicolon actions or the Wappler flow (+) button for event handlers — avoid hand-pasting run([...]) JSON.

Package layout

@inboundtech/wappler-kendo-grid/
├── app_connect/components.hjson
├── dmx-kendo-grid.js
├── vendor/js/          kendo.all.min.js, jszip.min.js, license placeholder
├── vendor/css/         kendo-default-main.css
└── scripts/            install-vendor.mjs, embed-telerik-license.mjs

License

MIT for this extension package. Kendo UI requires a separate Telerik license per deployment.