flexgrid单元格的点击交互

登录

下面是我的布局:

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

复制代码

这是我目前的效果:

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

Alice · Alice

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

谢谢您的反馈。

Starry · Starry

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

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

Alice · Alice

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

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

复制代码

Starry · Starry

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

您好像没有明白我的意思

dexteryao · dexteryao

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

Starry · Starry

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

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

Alice · Alice

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

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

复制代码

Starry · Starry

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

不,鼠标点击的时候触发

Alice · Alice

本帖最后由 Alice 于 2017-4-13 10:19 编辑

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

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

		自动登录	找回密码
密码			立即注册

9 个回复