jaxon-php/jaxon-smarty
Composer 安装命令：
composer require jaxon-php/jaxon-smarty
包简介
Jaxon view renderer for the Smarty template engine
README 文档
README
Render Smarty templates in Jaxon applications.
Installation
Install this package with Composer.
"require": { "jaxon-php/jaxon-smarty": "^5.0" }
Usage
For each directory containing Smarty templates, add an entry to the app.views section in the configuration.
'app' => [ 'views' => [ 'demo' => [ 'directory' => '/path/to/demo/views', 'extension' => '.tpl', 'renderer' => 'smarty', ], ], ],
In the following example, the DOM element with id content-id is assigned the value of the /path/to/demo/views/sub/dir/file.tpl template.
class MyClass extends \Jaxon\App\FuncComponent { public function action() { $this->response->html('content-id', $this->view()->render('demo::/sub/dir/file')); } }
Twig functions
This extension provides the following Twig functions to insert Jaxon js and css codes in the pages that need to show Jaxon related content.
// /path/to/demo/views/sub/dir/file.tpl
<!-- In page header -->
{jxnCss}
</head>
<body>
<!-- Page content here -->
</body>
<!-- In page footer -->
{jxnJs}
{jxnScript}
Call factories
This extension registers the following Twig functions for Jaxon call factories functions.
Note
In the following examples, the rqAppTest template variable is set to the value rq(Demo\Ajax\App\AppTest::class).
The jxnBind function attaches a UI component to a DOM element, while the jxnHtml function displays a component HTML code in a view.
<div class="col-md-12" {jxnBind comp=$rqAppTest}> {jxnHtml comp=$rqAppTest} </div>
The jxnPagination function displays pagination links in a view.
<div class="col-md-12" {jxnPagination comp=$rqAppTest}> </div>
The jxnOn function binds an event on a DOM element to a Javascript call defined with a call factory.
<select class="form-select"
{jxnOn event=change call=$rqAppTest->setColor(jq()->val())}>
<option value="black" selected="selected">Black</option>
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select>
The jxnClick function is a shortcut to define a handler for the click event.
<button type="button" class="btn btn-primary" {jxnClick call=$rqAppTest->sayHello(true)}>Click me</button>
The jxnEvent function defines a set of events handlers on the children of a DOM element, using jQuery selectors.
<div class="row" {jxnEvent events=[
['.app-color-choice', 'change', $rqAppTest->setColor(jq()->val())]
['.ext-color-choice', 'change', $rqExtTest->setColor(jq()->val())]
]}>
<div class="col-md-12">
<select class="form-control app-color-choice">
<option value="black" selected="selected">Black</option>
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select>
</div>
<div class="col-md-12">
<select class="form-control ext-color-choice">
<option value="black" selected="selected">Black</option>
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select>
</div>
</div>
The jxnEvent function 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-smarty/issues
- Source Code: github.com/jaxon-php/jaxon-smarty
License
The package is licensed under the BSD license.
统计信息
- 总下载量： 81
- 月度下载量： 0
- 日度下载量： 0
- 收藏数： 0
- 点击次数： 0
- 依赖项目数： 0
- 推荐数： 0
其他信息
- 授权协议： BSD-3-Clause
- 更新时间： 2017-05-05