0

アプリケーションで radrotator を使用しています。asp.net の c# コード ビハインドから選択したアイテムの境界線の色または色を変更するにはどうすればよいですか。

4

1 に答える 1

2

追加のCSSクラスを使用して、RadRotatorコントロールとそのア​​イテムの境界線を変更できます。

  1. ローテーターコントロールの境界線に新しい色を設定するために、内部CSSクラスrrClipRegionをオーバーライドできます。

    .rrClipRegion
{
    border: 1px solid green !important;
}

  2. 以下に示すように、CSSを介してRadRotatorのアイテムのデフォルトの境界線の色を設定し、CSSクラスを新しい境界線の色で定義することでコードビハインドから変更できます。

RadRotatorマークアップ：

    <telerik:RadRotator ID="RadRotator1" runat="server" FrameDuration="3000" ScrollDirection="Left"
        Height="123px" ItemHeight="113px" Width="180px" ItemWidth="152px" Skin="Default"
        RotatorType="Buttons" OnItemClick="RadRotator1_ItemClick">
        <ItemTemplate>
            <div>
                <img src="....." alt="" />
            </div>
        </ItemTemplate>
    </telerik:RadRotator>

境界線を適用するために必要なスタイル：

<style type="text/css">
    .rrItem
    {
        margin: 4px;
    }

    .rrItem img
    {
        border: 1px solid grey;
    }

    .cssSelectedItem img
    {
        border: 1px solid red;

    }
</style>

コードビハインドからアイテムの境界線の色を変更する：

protected void RadRotator1_ItemClick(object sender, RadRotatorEventArgs e)
{
    RadRotatorItem item = (RadRotatorItem)e.Item;
    item.CssClass = "cssSelectedItem";

    RadRotator1.InitialItemIndex = e.Item.Index;
}

ポストバックを通じて現在のアイテムを保持するために、ローテーターコントロールのInitialItemIndexプロパティを設定したことに注意してください。また、この例はサイズ150x113の画像用に設計されているため、異なるサイズを使用している場合は、それに応じてプロパティWidth、Height、ItemWidth、ItemHeightを変更する必要があります。

于 2011-10-31T13:29:38.300 に答える