vue.js键盘操作表格选中那一行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.js键盘操作表格选中那一行相关的知识,希望对你有一定的参考价值。

参考技术A

computed计算属性,你值得拥有
或者,写点击事件,筛选出所有的选中的行数据,第二张图渲染总数就可以了

wpf里ListView怎么设置选中行的颜色

我想让选中的那一行显示为蓝色,其他未选中的颜色不变,最好是在鼠标经过某一行时也能显示特定的颜色。wpf中ListView本来是自带这样的效果的,但是我想让显示效果扁平一些,所以想更改一下效果,找了好久都不太对,求大神指教,急

用触发器控制,代码如下~
<Style TargetType="x:Type ListBoxItem">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="x:Type ListBoxItem">
        <Border Background="TemplateBinding Background"
            BorderBrush="TemplateBinding BorderBrush"
            BorderThickness="TemplateBinding BorderThickness">
          <ContentPresenter />
        </Border>
        <ControlTemplate.Triggers>
          <Trigger Property="IsMouseOver" Value="True"><!--鼠标悬停-->
            <Setter Property="Background" Value="#FFDCDCDC"/><!--value中写你要的颜色的值-->
          </Trigger>
          <Trigger Property="IsSelected" Value="true"><!--选中-->
            <Setter Property="Background" Value="#FF0078E6"/>
          </Trigger>
        </ControlTemplate.Triggers>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

参考技术A 用触发器控制,代码如下~
<Style
TargetType="x:Type
ListBoxItem">
<Setter
Property="Template">
<Setter.Value>
<ControlTemplate
TargetType="x:Type
ListBoxItem">
<Border
Background="TemplateBinding
Background"
BorderBrush="TemplateBinding
BorderBrush"
BorderThickness="TemplateBinding
BorderThickness">
<ContentPresenter
/>
</Border>
<ControlTemplate.Triggers>
<Trigger
Property="IsMouseOver"
Value="True"><!--鼠标悬停-->
<Setter
Property="Background"
Value="#FFDCDCDC"/><!--value中写你要的颜色的值-->
</Trigger>
<Trigger
Property="IsSelected"
Value="true"><!--选中-->
<Setter
Property="Background"
Value="#FF0078E6"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
参考技术B 用触发器控制,代码如下~
<Style TargetType="x:Type ListBoxItem">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="x:Type ListBoxItem">
<Border Background="TemplateBinding Background"
BorderBrush="TemplateBinding BorderBrush"
BorderThickness="TemplateBinding BorderThickness">
<ContentPresenter />
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True"><!--鼠标悬停-->
<Setter Property="Background" Value="#FFDCDCDC"/><!--value中写你要的颜色的值-->
</Trigger>
<Trigger Property="IsSelected" Value="true"><!--选中-->
<Setter Property="Background" Value="#FF0078E6"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

以上是关于vue.js键盘操作表格选中那一行的主要内容,如果未能解决你的问题,请参考以下文章

Excel如何选中第一行到最后一行?

常用键盘快捷键小结

急需Access键盘快捷键大全!!!

全选删除快捷键ctrl加啥

excel如何快速选择第一行到最后一行

JS判断是不是选中的是表格内当前选中的那一行