Blazor コントロール
スライダの無効化
コントロール > Inputコントロール > RangeSlider > スライダの無効化

RangeSlider allows you to disable its UI by setting IsEnabled property of the C1RangeSlider class to false. This property can come in handy in the scenarios where you want to deactivate the control and activate it only when a specific event occurs. For example, you may want to restrict the applicants from selecting the total years of experience in a job application form through RangeSlider until they select the Experienced option from the provided Category options.

The following images show the difference in the appearance of an enabled and disabled RangeSlider.

Enabled Slider Disabled Slider
Enabled RangeSlider Disabled RangeSlider

To disable the RangeSlider control, use the following code. This example uses the sample created in the Range topic.

Index.razor
コードのコピー
<C1RangeSlider IsEnabled="false" Minimum=-10 Maximum=100></C1RangeSlider>