ComponentOne for ASP.NET MVC のすべてのコントロールは、クライアント側の Web 開発用に最適化されています。
wijmo.Control.getControl() メソッドを使用して、クライアント側の Gauge コントロールにアクセスできます。コントロール宣言の後に、コントロールにアクセスするスクリプトを追加します。コントロールの jQuery セレクタを作成したり、クライアント側 API を使用するには、コントロールの ID を使用します。
次のコード例は、クライアント側の Gauge にアクセスする方法を示します。
| クライアント側アクセス |
コードのコピー
|
|---|---|
@(Html.C1().LinearGauge()
.Id("lgauge")
.Width(500)
.Height(100)
.Value(35)
.Thickness(0.1)
.Min(0).Max(100)
.Direction(GaugeDirection.Right)
// 範囲を作成してカスタマイズします
.Ranges(items => items
.Add(item => item.Min(0).Max(40).Color(System.Drawing.Color.Red))
.Add(item => item.Min(40).Max(80).Color(System.Drawing.Color.Yellow))
.Add(item => item.Min(80).Max(100).Color(System.Drawing.Color.Green))
)
)
<script>
var gauge;
c1.mvc.Utils.documentReady(function ()
{
gauge = wijmo.Control.getControl('#lgauge');
});
</script>
|
|
詳細については、「Wijmo Gauge API ドキュメント」を参照してください。