flexgrid单元格的点击交互

下面是我的布局:

1. <wj-flex-grid class="Table" [itemsSource]="cvPaging" >
   
2.                         <wj-flex-grid-column [header]="'排序'" [binding]="'id'"[width]="60"></wj-flex-grid-column>
   
3.                         <wj-flex-grid-column [header]="'编码'" [binding]="'code'"></wj-flex-grid-column>
   
4.                         <wj-flex-grid-column [header]="'名称'" [binding]="'name'"></wj-flex-grid-column>
   
5.                         <wj-flex-grid-column [header]="'描述'" [binding]="'description'" [width]="'*'"></wj-flex-grid-column>
   
6.                         <wj-flex-grid-column [header] ="''"   [binding]="' '" [width]="30" [isReadOnly]="true">
   
7.                             <template wjFlexGridCellTemplate [cellType]="'Cell'">
   
8.                                 <ul class="nav navbar">
   
9.                                     <li class="btn btn-xs" (click)="removePostmangement()"><i class="fa fa-trash"></i> 删除</li>
   
10.                                     <li class="btn btn-xs" (click)="setSubordinatepost()"><i class="fa fa-user"></i> 下属</li>
    
11.                                 </ul>  
    
12.                             </template>
    
13.                         </wj-flex-grid-column>
    
14.                     </wj-flex-grid>

复制代码

这是我目前的效果:

我想做到在没有点击最右边的那每一个单元格的时按钮再出现,当鼠标离开的时候它隐藏不显示,这个怎么去实现呢?没有demo可以查看啊

Starry 发表于 2017-4-19 10:53
非常感谢您的讲解，我已经实现了这个功能

谢谢您的反馈。

Alice 发表于 2017-4-17 10:08
里面可以传递参数
而且flexgrid本身就有hittest方法，可以根据鼠标位置获取到点击的信息。
所以你将鼠 ...

非常感谢您的讲解，我已经实现了这个功能

Starry 发表于 2017-4-14 14:43
您好像没有明白我的意思

里面可以传递参数
而且flexgrid本身就有hittest方法，可以根据鼠标位置获取到点击的信息。
所以你将鼠标事件中的参数传入到hittest方法中，就能拿到你想要的信息。
比如：

1. // e is mouse event argument
   
2. onRowDblclicked (s:wjGrid.FlexGrid, e:any){
   
3.    let ht= s.hitTest(e);
   
4. 
   
5. }

复制代码

产品文档里有这个方法的介绍：
http://wijmo.com/5/docs/topic/wi ... FlexGrid.Class.html

dexteryao 发表于 2017-4-13 17:30
click事件是有传递参数的 (grid,$event)
(click)="onRowclicked(grid,$event)

您好像没有明白我的意思

click事件是有传递参数的 (grid,$event)
(click)="onRowclicked(grid,$event)

Alice 发表于 2017-4-13 14:12
可以使用Angualr2的鼠标事件，比如click事件。

我知道这个点击事件,但是我无法获取到当前点击的位置,想实现点击哪一行这个 ... 它下面就会出现一个弹框: 删除和设主岗的操作

Starry 发表于 2017-4-13 11:01
不,鼠标点击的时候触发

可以使用Angualr2的鼠标事件，比如click事件。

1. <wj-flex-grid #grid
   
2.     [itemsSource]="rowData"
   
3.     [isReadOnly]="true"
   
4.     [selectionMode]="'Row'"
   
5.     (click)="onRowclicked(grid,$event)">
   
6. </wj-flex-grid>

复制代码

Alice 发表于 2017-4-13 10:00
这个没有现成的Demo，属于业务逻辑。
我理解您需要的是鼠标的Hover来控制么？

不,鼠标点击的时候触发

这个没有现成的Demo，属于业务逻辑。
我理解您需要的是鼠标的Hover来控制么？

flexgrid可以响应鼠标的事件。比如mousemove和mouseover事件。