网格选择禁用/不可见

时间:2012-04-17 12:50:03

标签: asp.net css drag-and-drop telerik radgrid

我在我的解决方案中使用了一个radgrid。我使用这个radgrid来拖放数据,但是不需要选择任何东西。因此,当用户单击一行时,该行不应将其布局更改为选定的行。但是当我禁用选择时,拖放将不再起作用。这不是一个问题,但它必须至少对用户不可见,因为一些用户可能会感到困惑。

有没有办法让Ether禁用选择,但继续拖放或覆盖/删除所选行的CSS?

提前谢谢!

亲切的问候, 韦斯利

example

<telerik:RadGrid ID="rgData" runat="server" AutoGenerateColumns="False" AllowMultiRowSelection="false" CellSpacing="0" GridLines="None" onrowdrop="rgData_RowDrop">
    <ClientSettings AllowRowsDragDrop="True" EnablePostBackOnRowClick="true">
        <Selecting AllowRowSelect="true" EnableDragToSelectRows="true" />
    </ClientSettings>
</telerik:RadGrid>

1 个答案:

答案 0 :(得分:0)

您可以使用两个选项来解决问题。你认为应该改变CSS而不是试图禁用选择是正确的。

方法1(如果你没有使用皮肤)是使用itemStyle和SelectedItemStyle元素,它们具有你需要设置的所有属性。

<telerik:RadGrid ID="rgData" runat="server" AutoGenerateColumns="False" AllowMultiRowSelection="false" CellSpacing="0" GridLines="None" onrowdrop="rgData_RowDrop">
    <SelectedItemStyle BackColor="AliceBlue" />
    <ItemStyle BackColor="AliceBlue"  />
    <ClientSettings AllowRowsDragDrop="True" EnablePostBackOnRowClick="true">
        <Selecting AllowRowSelect="true" EnableDragToSelectRows="true" />
    </ClientSettings>
</telerik:RadGrid>

或者,如果您正在使用外观,请在radGrid上设置EnableEmbeddedSkins="false"并将外观目录复制到项目中,并为您正在使用的外观修改以下样式:

该文件应类似于:RadControls / Grid / Skins / [SkinName] /Styles.css文件。

    .RadGrid_[SkinName] .rgSelectedRow
    {
        background: #e5e5e5 !important;
        height: 22px;
        border: solid 1px #e5e5e5;
        border-top: solid 1px #e9e9e9;
        border-bottom: solid 1px white;
        padding-left: 4px;
    }