半岛权威十大直营(官方)网站

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

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

概述：当你在页面中添加了必要的库之后，就可以添加控件了，今天就在这里推荐两种方法，实现在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@wqylolg.cn

文章转载自：慧都控件

为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP