Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ichynul/row-table
[laravel-admin]form一行里面使用表格呈现多个字段(Form,use table to render multiple fields in a row)
https://github.com/ichynul/row-table
Last synced: about 1 month ago
JSON representation
[laravel-admin]form一行里面使用表格呈现多个字段(Form,use table to render multiple fields in a row)
- Host: GitHub
- URL: https://github.com/ichynul/row-table
- Owner: ichynul
- License: mit
- Created: 2019-02-19T00:11:38.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-06-08T12:20:29.000Z (over 4 years ago)
- Last Synced: 2024-09-24T17:17:41.356Z (3 months ago)
- Language: PHP
- Homepage: https://gitee.com/ichynul/row-table
- Size: 48.8 KB
- Stars: 26
- Watchers: 3
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-laravel-admin - row-table - laravel-admin table 组件 (扩展包 / 字段类扩展包)
README
# laravel-admin row-table
## Installation
Run :
```
$ composer require ichynul/row-table
```
Then run:
```
$ php artisan vendor:publish --tag=row-table
```
#####
##### 推荐使用 $field->setGroupClass('col-md-6');//这样的方式来实现栅格布局，毕竟官方的兼容性更好一些。
##### It is recommended to use $field->setgroupclass('col-md-6'); // this official way to achieve grid layout.
## Usage
```php
protected function form()
{
$form = new Form(new Task);
$headers = ['备注', '服务费用', '服务评分'];
$tableRow = new TableRow();
$tableRow->text('status', '任务状态')->options(Task::$statusMap)->attribute(['readonly' => 'readonly']);
$tableRow->text('fee', '服务费用')->rules('required');
$tableRow->number('rating', '服务评分', 2)->max(5)->min(1);//这个表少了一列，这里设置colspan=2 ,其他可以不写默认1
/*************************************/
$headers2 = ['地址', '评价', '图片'];
$tableRow2 = new TableRow();
$tableRow2->text('address', '地址')->rules('required');
$tableRow2->text('comment', '评价');
$tableRow2->text('username', '姓名');
$tableRow2->text('viwe', '查看');
$form->rowtable('任务信息1')
->setHeaders($headers)//使用table时设置，div设置无效
//->setRows($tableRow)//设置 一个row
->setRows([$tableRow, $tableRow2])
->useDiv(true); //使用div显示，默认 table
//->headersTh(true);//使用table时 头部使用，默认使用样式有些差别
//->getTableWidget()//extends Encore\Admin\Widgets\Table
//->offsetSet("style", "width:1000px;");
// 另外一种代码风格 Another code style
$form->rowtable('任务信息2', function ($table) {
$table->row(function (TableRow $row) {
$row->text('text1', 'label1')->rules('required');
$row->text('text2', 'label2');
$row->text('text3', 'label3');
});
$table->row(function (TableRow $row) {
$row->text('text4', 'label4');
$row->text('text5', 'label5');
$row->text('text6', 'label6');
});
$table->row(function (TableRow $row) {
$row->text('text7', 'label7');
$row->text('text8', 'label8');
$row->text('text9', 'label9');
});
//$table->useDiv(false);
//$table->setHeaders(['h1','h2']);
//$table->useDiv(false);
//$table->headersTh(true);//使用table时 头部使用，默认使用样式有些差别
//$table->getTableWidget()//extends Encore\Admin\Widgets\Table
//->offsetSet("style", "width:1000px;");
});
$form->textarea('remark', '备注')->rules('required');
$form->display('created_at', trans('admin.created_at'));
$form->display('updated_at', trans('admin.updated_at'));
/**
* $tableRow-element($column, $label, $width); //div 时 class="col-sm-$width"
*
* $tableRow-element($column, $colspan); // table 时 colspan="$width"
*
* $element: 理论上可以是任何 form 元素 (不考虑布局效果)
*
* $width :
* table模式 时 为 colspan="width" , 多行且每行元素数量不同时很有用
*
* div模式 时 为 class="col-sm-width" . 排列不下时自动换行
*
* div模式 若一个tableRow中所有元素都未设置 $width ,将会自适应 (columns >=4 每行4个并自动换行，小于4则全部在一行)
*/
return $form;
}
```
License
---
Licensed under [The MIT License (MIT)](LICENSE).