Dile Components Crud System
@dile/crud is a complete, fully configurable toolkit for building CRUD
administration panels — communicating via Ajax with any REST API — so you avoid writing
the same list, form, and detail screens by hand for every resource.
Introduction
Configuration
-
Axios configuration Sets up a shared Axios instance so every CRUD component connects the way your API expects. -
Response Adapter Adapts API response shapes so CRUD components can read the data they need. -
Request Adapter Transforms outgoing request payloads to match the format your backend expects. -
Resource config The configuration object that powers the advanced CRUD components for one API resource. -
Actions configuration Configure batch actions on lists and individual actions on single-item views.
Ajax
Operations
dile-crud-actions
Displays and processes the batch actions available for a CRUD list.
dile-crud-detail
Displays the details of a single resource item using your own template.
dile-crud-insert
A ready-made form wrapper for inserting new records into a REST API resource.
dile-crud-item-delete
Deletes a specific record from a resource, with a confirmation dialog first.
dile-crud-item-restore
Restores a soft-deleted record through a confirmable API request.
dile-crud-list-lite
A simple, prop-configured list for quick listings, with no pagination, filtering, sorting or search.
dile-crud-list
Lists resource records with pagination, filters, sorting, and per-item actions.
dile-crud-update
A ready-made form wrapper for updating an existing record in a REST API resource.
Main
Crud extras
dile-ajax-change
Wraps any component and fires an Ajax request automatically when its value changes.
dile-ajax-select-crud-overlay
Ajax-powered select with results shown in a floating popup for one-click picking.
dile-ajax-select-crud
Searches and selects records from a REST API through Axios-powered Ajax requests.
dile-ajax-switch
Toggles a boolean property on a resource with a single Ajax request.
dile-file-uploader
Lightweight component for uploading files to your API via Ajax.
dile-image-uploader
Lightweight component to upload images to your API via Ajax.
dile-many-relation-overlay
Manages a many-to-many relationship with search results shown in a floating popup.
dile-many-relation
Adds and removes items in a many-to-many relationship backed by a REST API.
dile-modal-crud-insert
Opens a dile-crud-insert form inside a modal dialog.
dile-modal-crud-update
Opens a dile-crud-update form inside a modal dialog.
dile-relation-checker
Checks or unchecks items in a searchable list to manage their relation to an entity.
dile-select-ajax-simple
A lightweight select that loads all its options from an API endpoint in one request.
dile-components