Merge branch 'main' of https://github.com/ydtg1993/laravel-admin-component-js

Author: hikki

readme.md

@@ -28,7 +28,7 @@ php artisan vendor:publish --provider="DLP\DLPServiceProvider"
         <td style="text-align:left;">标签选择器</td>
         <td style="text-align:left;">一维数组<br/>[id=>val,id2=>val2...]</td>
         <td style="text-align:left;">多选择器<br/>多选择数量可设限制</td>
-        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L134'>$form->Dot</a></td>
+        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L134'>$form->Dot</a><br/><br/><b>直接调用</b>:<br/>Dot::panel($selected,$select,1,$style)</td>
     </tr>
     <tr>
         <td style="text-align:left;">级联标签选择器</td>
@@ -37,22 +37,22 @@ php artisan vendor:publish --provider="DLP\DLPServiceProvider"
         <a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L143'>数据辅助组装</a><br/>
         </td>
         <td style="text-align:left;">支持右键全选,取消<br/>多选择数量可设限制<br/>适用于无限分类,地区选择</td>
-        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L150'>$form->CascadeDot</a></td>
+        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L150'>$form->CascadeDot</a><br/><br/><b>直接调用</b>:<br/>CascadeDot::panel($selected,$select,1,$style)</td>
     </tr>
     <tr>
         <td style="text-align:left;">级联标签管理器</td>
         <td style="text-align:left;">链表多维数组 <a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L200'>参考结构</a>
         <br/>
         <a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L179'>数据辅助组装</a><br/>
         </td>
-        <td style="text-align:left;">右键新增,修改,删除 操作节点接口参考test\CascadeLineController</td>
-        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L187'>$form->CascadeLine</a></td>
+        <td style="text-align:left;">右键新增,修改,删除 操作节点接口参考<a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/CascadeLineController.php#L8'>test\CascadeLineController</a><br/><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/CascadeLineController.php#L13'>实现CascadeLineTrait抽象方法</a></td>
+        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L187'>$form->CascadeLine</a><br/><br/><b>直接调用</b>:<br/>CascadeLine::panel($select,$xhr,$style)</td>
     </tr>
     <tr>
         <td style="text-align:left;">数据表单控件</td>
         <td style="text-align:left;">二维数组<br/>[[col=>val,col2=>val2,...],...]</td>
         <td style="text-align:left;">支持拖拽排序 弥补JSON组件<br/>对字段类型依赖不可排序问题</td>
-        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L163'>$form->Linear</a></td>
+        <td style="text-align:left;"><a target="_blank" href='https://github.com/laravel-admin-extensions/component-js/blob/main/test/example.php#L163'>$form->Linear</a><br/><br/><b>直接调用</b>:<br/>Linear::panel($columns,$data)</td>
     </tr>
     <tr>
         <td style="text-align:left;">弹出层组件</td>

test/example.php

@@ -45,7 +45,7 @@ protected function grid()
          * url      弹窗页地址
          * xhr_url  表单提交地址
          * method   提交方式 POST PUT GET ...
-         * callback ajax请求回调函数
+         * callback ajax请求回调js函数 (字符串方式书写)
          *      function(response){
          *          alert(response);
          *      }
@@ -58,7 +58,7 @@ protected function grid()
          * url      弹窗页地址 {id}反向匹配当前行id
          * xhr_url  表单提交地址 {id}反向匹配当前行id
          * method   提交方式 POST PUT GET ...
-         * callback ajax请求回调函数
+         * callback ajax请求回调js函数 (字符串方式书写)
          *      function(response){
          *          alert(response);
          *      }
@@ -140,8 +140,8 @@ protected function form($id)
          * 级联点组件
          * options 设置数据集 多维数组 格式[[key=>key1,val=>value1,nodes=>[...]],...]
          *          链表结构数据辅助组装
-         *              1.倒排父节点查询
-         *          $select = Model::orderBy('parent_id','DESC')->select('id as key','name as val','parent_id as par')->get()->toArray();
+         *              1.倒排父节点查询 注:id name parent_id 必须命别名 key val par
+         *          $select = Model::orderBy('par','DESC')->select('id as key','name as val','parent_id as par')->get()->toArray();
          *              2.辅助函数dimension 组装后的结构参考$this->cascadeData()的示例数据
          *          DLPHelper::dimension($select);
          * checked 已选择 一维数组 值类型integer
@@ -177,16 +177,16 @@ protected function form($id)
          * 级联线组件
          * options 设置数据集 多维数组 格式[[key=>key1,val=>value1,nodes=>[...]],...]
          *          链表结构数据辅助组装
-         *              1.倒排父节点查询
+         *              1.倒排父节点查询 注:id name parent_id 必须命别名 key val par
          *          $select = Model::orderBy('parent_id','DESC')->select('id as key','name as val','parent_id as par')->get()->toArray();
          *              2.辅助函数dimension 组装后的$select结构参考$this->cascadeExampleData()返回数据
          *          DLPHelper::dimension($select);
-         * xhr 接口地址 编码参见:test\CascadeLineController 路由配置$router->resource('/地址', 'CascadeLineController')
+         * xhr 接口地址 编码参见:test\CascadeLineController 路由配置$router->resource('xhr地址', 'CascadeLineController')
          * attribute.height 设置高度 默认200px
          */
         $form->CascadeLine('cascadeLine','级联标签管理器')
             ->options($this->cascadeExampleData())
-            ->xhr('route-to-CascadeLineController');
+            ->xhr('.../xhr地址');
         return $form;
     }