https://github.com/jaxon-php/jaxon-blade
Jaxon view renderer for Blade templates
https://github.com/jaxon-php/jaxon-blade
Last synced: 11 months ago
JSON representation
Jaxon view renderer for Blade templates
- Host: GitHub
- URL: https://github.com/jaxon-php/jaxon-blade
- Owner: jaxon-php
- License: bsd-3-clause
- Created: 2017-05-04T23:50:16.000Z (about 9 years ago)
- Default Branch: main
- Last Pushed: 2025-07-22T13:59:45.000Z (12 months ago)
- Last Synced: 2025-07-22T15:38:32.030Z (12 months ago)
- Language: PHP
- Size: 17.6 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Jaxon View for Blade
====================
Render Blade templates in Jaxon applications.
Installation
------------
Install this package with Composer.
```json
"require": {
"jaxon-php/jaxon-blade": "^5.0"
}
```
Usage
-----
For each directory containing Blade templates, add an entry to the `app.views` section in the configuration.
```php
'app' => [
'views' => [
'demo' => [
'directory' => '/path/to/demo/views',
'extension' => '.blade.php',
'renderer' => 'blade',
],
],
],
```
In the following example, the DOM element with id `content-id` is assigned the value of the `/path/to/demo/views/sub/dir/file.blade.php` template.
```php
class MyClass extends \Jaxon\App\FuncComponent
{
public function action()
{
$this->response->html('content-id', $this->view()->render('demo::/sub/dir/file'));
}
}
```
Blade directives
----------------
This extension registers the following Blade directives to insert Jaxon js and css codes in the pages that need to show Jaxon related content.
```php
// /path/to/demo/views/sub/dir/file.blade.php
@jxnCss()
@jxnJs()
@jxnScript()
```
Call factories
--------------
This extension registers the following Blade directives for Jaxon [call factories](https://www.jaxon-php.org/docs/v5x/ui-features/call-factories.html) functions.
> [!NOTE]
> In the following examples, the `$rqAppTest` template variable is set to the value `rq(Demo\Ajax\App\AppTest::class)`.
The `jxnBind` directive attaches a UI component to a DOM element, while the `jxnHtml` directive displays a component HTML code in a view.
```php
@jxnHtml($rqAppTest)
```
The `jxnPagination` directive displays pagination links in a view.
```php
```
The `jxnOn` directive binds an event on a DOM element to a Javascript call defined with a `call factory`.
```php
setColor(jq()->val()))>
Black
Red
Green
Blue
```
The `jxnClick` directive is a shortcut to define a handler for the `click` event.
```php
sayHello(true))>Click me
```
The `jxnEvent` directive defines a set of events handlers on the children of a DOM element, using `jQuery` selectors.
```php
setColor(jq()->val())]
['.ext-color-choice', 'change', $rqExtTest->setColor(jq()->val())]
])>
Black
Red
Green
Blue
Black
Red
Green
Blue
```
The `jxnEvent` directive takes as parameter an array in which each entry is an array with a `jQuery` selector, an event and a `call factory`.
Contribute
----------
- Issue Tracker: github.com/jaxon-php/jaxon-blade/issues
- Source Code: github.com/jaxon-php/jaxon-blade
License
-------
The package is licensed under the BSD license.