# @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, JSZip, CSS (copied to host `public/` on install)

Official Kendo docs: [Grid overview](https://www.telerik.com/kendo-jquery-ui/documentation/controls/grid/overview)

## Install

See **[INSTALL.md](./INSTALL.md)** for host project setup, Wappler registration, layout scripts, and license.

## Features

- Paging, sorting, filtering (row/menu), column menu, grouping
- 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

```html
<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](https://www.telerik.com/purchase/aspnet-ui) per deployment.
