PHP code example of thefunpower / element
1. Go to this page and download the library: Download thefunpower/element library . Choose the download type require .
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
thefunpower / element example snippets
echo element("filter",[
'data'=>'list',
'url'=>'/video/group/get_pager',
'is_page'=>true,
'init'=>true,
[
'type'=>'input','name'=>'title',
'attr_element'=>[
'placeholder'=>'名称',
],
],
]);
echo element('table',[
['name'=>'open',':data'=>'list',':height'=>'height'],
['name'=>'column','prop'=>'title','label'=>'名称','width'=>''],
['name'=>'column','prop'=>'count','label'=>'成员数','width'=>''],
['name'=>'column','prop'=>'count','label'=>'操作','width'=>'100',
'tpl'=>[
['name'=>'button','label'=>'成员','@click'=>'show_user(scope.row)'],
['name'=>'button','label'=>'编辑','@click'=>'edit(scope.row)','style'=>'margin-left: 20px;'],
]
],
['name'=>'close'],
]);
echo element('table', [
['name' => 'open',':data' => 'load_list',':height' => 'height','default-expand-all'],
['name' => 'column','prop' => 'order_num','label' => '',
'type' => 'expand',
'tpl'=> [
[
"type"=>'html',
"html"=>element('table', [
['name' => 'open',':data' => 'scope.row.detail'],
['name' => 'column','prop' => 'sale_order_num','label' => '销售单号','width' => '200'],
['name' => 'column','prop' => 'customer_name','label' => '客户','width' => ''],
['name' => 'column','prop' => 'product_name','label' => '产品名称','width' => '200'],
['name' => 'column','prop' => 'product_num','label' => '产品编号','width' => '200',
"tpl"=>[
[
'type'=>'html',
"html"=>"
<span :style='\"background:\"+scope.row.product_num_color'> {{scope.row.product_num}}</span>
"
]
]
],
['name' => 'column','prop' => 'product_ph','label' => '批号','width' => '200'],
['name' => 'column','prop' => 'product_unit','label' => '单位','width' => '80'],
['name' => 'close'],
])
]
]
],
['name' => 'column','prop' => 'order_num','label' => '入库单号','width' => '200'],
['name' => 'column','prop' => 'num','label' => '数量','width' => ''],
['name' => 'close'],
]);
echo element("pager",[
'data'=>'list',
'per_page'=>10,
'url'=>'/video/group/get_pager',
'reload_data'=>[]
]);
echo element("pager",[
'data'=>'list',
'per_page'=>10,
'per_page_name'=>'page_size',
'url'=>':page_url',
'reload_data'=>[]
]);
element\form::$model = 'form';
echo element('form',[
['type'=>'open','model'=>'form','label-width'=>'180px'],
[
'type'=>'input','name'=>'title','label'=>'标题',
'attr'=>['ime',
],
[
'type'=>'time','name'=>'aa33','label'=>'time',
],
[
'type'=>'tag','name'=>'tag','label'=>'tag',
],
[
'type'=>'sku','name'=>'is_spec,sku','label'=>'sku',
'attr'=>['image','stock','status'],
'js'=>"app.add_media('upload_spec');"
],
[
'type'=>'checkbox','name'=>'checkbox','label'=>'多选',
'value'=>[['label'=>'选项1','value'=>1],['label'=>'选项2','value'=>2],],
],
[
'type'=>'radio','name'=>'radio','label'=>'radio',
'value'=>[['label'=>'选项1','value'=>1],['label'=>'选项2','value'=>2],],
],
[
'type'=>'text','name'=>'text','label'=>'text',
'attr'=>['plete',
'url'=>'/video/group/autocomplete',
],
[
'type'=>'cascader','name'=>'bb','label'=>'cascader',
//':props'="{ checkStrictly: true }",
'url'=>'/video/group/cascader',
'attr_element'=>[':props'=>"{value:'id',label:'label'}"],
],
[
'type'=>'upload','name'=>'fiel','label'=>'上传',
'url'=>'/upload',
'mime'=>'jpg',
'multiple',
],
['type'=>'close']
]);
$url = '/form/city/index';
$name = 'address_top';
$model = 'form';
$attr_element = ":props={value:'id',label:'label'}";