彩票走势图

DevExtreme中文教程:如何添加组件

原创|使用教程|编辑:郝浩|2013-04-10 13:51:42.000|阅读 1106 次

概述:当你在页面中添加了必要的库之后,就可以添加控件了,今天就在这里推荐两种方法,实现在DXTREME ENTERPRISE中添加组件。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

当你在页面中添加了必要的库之后,就可以添加控件了,今天就在这里推荐两种方法,实现在DXTREME ENTERPRISE中添加组件。

JQuery Approach

可以使用组件构造函数来创建组件,下面的构造函数提供了dxtreme.viz.js库。

  • dxChart()
  • dxPieChart()
  • dxCircularGauge()
  • dxLinearGauge()
  • dxRangeSelector()

下面的代码演示了如何在chartContainer内创建图表组件:

<script>
    $(document).ready(function() {
         $("#chartContainer").dxChart(); 
    });
</script>

为了配置组件,用所需要的选项传递一个对象来作为构造函数的参数。

Knockout Approach

使用来自dxtreme.viz库相应的插件来构建一个组见你,将会提供以下的插件:

  • dxChart
  • dxPieChart
  • dxCircularGauge
  • dxLinearGauge
  • dxRangeSelector

下面的代码演示了如何创建图表部件,使用绑定的可视化模型来声明的选项来初始化它。

<script>
    var myViewModel= {
       chartOptions: {} 
    } 
    ko.applyBindings(myViewModel);
</script>

你可以使用选项绑定一个对象,如果这个对象满足你的需求。


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP