Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ngx sortablejs将列拖放到表中的另一行_Javascript_Angular_Drag And Drop_Sortablejs - Fatal编程技术网

Javascript 使用ngx sortablejs将列拖放到表中的另一行

Javascript 使用ngx sortablejs将列拖放到表中的另一行,javascript,angular,drag-and-drop,sortablejs,Javascript,Angular,Drag And Drop,Sortablejs,我试图将一行的列拖到另一行,但它无法拖到另一行的列数组。我有以下类型的数组(示例数据数组) 我的密码 <table id="id"> <tbody sortablejs ngDefaultControl [(ngModel)]="Array"> <tr *ngFor="let item of Array; let i = index"> <td c

我试图将一行的列拖到另一行,但它无法拖到另一行的列数组。我有以下类型的数组(示例数据数组)

我的密码

<table id="id">
    <tbody sortablejs ngDefaultControl [(ngModel)]="Array">
        <tr *ngFor="let item of Array; let i = index">
            <td class="myRowClass sort-disabled">
                <!-- index logic -->
            </td>
            <td class="myRowClass sort-disabled">
                <!--logic -->
            </td>
            <td sortablejs>
                <div *ngFor="let cell of item.cols" class="divSize">
                    <!-- column logic -->
                </div>
            </td>
        </tr>
    </tbody>
</table>

通过使用
[sortablejsOptions]=“options”
我实现了我的功能

<table id="id">
 <tbody [sortablejs]="Array" [sortablejsOptions]="Array">
  <tr *ngFor="let item of Array">
   <td class="myRowClass sort-disabled">
    <!-- index logic -->
   </td>
   <td>
    <!--row logic -->
   </td>
   <td [sortablejs]="item.cols" [sortablejsOptions]="options">
    <div *ngFor="let cell of item.cols; let j = index">
     <!--column logic -->
    </div>
   </td>
  </tr>
 </tbody>
</table>

通过使用
[sortablejsOptions]=“options”
我实现了我的功能

<table id="id">
 <tbody [sortablejs]="Array" [sortablejsOptions]="Array">
  <tr *ngFor="let item of Array">
   <td class="myRowClass sort-disabled">
    <!-- index logic -->
   </td>
   <td>
    <!--row logic -->
   </td>
   <td [sortablejs]="item.cols" [sortablejsOptions]="options">
    <div *ngFor="let cell of item.cols; let j = index">
     <!--column logic -->
    </div>
   </td>
  </tr>
 </tbody>
</table>
options: Options = {
    group: { name: "test" }
}