提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|使用教程|编辑:龚雪|2022-05-11 10:10:48.367|阅读 123 次
概述:本系列文章将为大家介绍如何实现和应用模板,本节主要介绍如何将数据绑定到控件,欢迎下载产品体验!
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
相关链接:
所有使用数据集合操作的DevExtreme ASP.NET MVC控件都有DataSource()方法,与其他控制方法不同,DataSource()在DevExtreme JavaScript API中没有直接对应物,尽管它的用途类似于DevExtreme数据层中的 Store。您可以使用 DataSource() 方法来配置来自不同来源的数据访问:
数据绑定控件(PivotGrid 除外)也具有 DataSourceOptions() 方法,它公开了一个构建器,用于配置初始排序、过滤、分组和其他数据整形操作,构建器的方法具有本节中描述的 JavaScript API 对应项。
您可以将DevExtreme ASP.NET MVC 控件绑定到 CLR 对象的集合:Array、List 或 IEnumerable。
这些集合…
集合作为 ArrayStore 传递给客户端,请注意,集合数据应该是 JSON 可序列化的。
示例:将控件绑定到数组
Razor C#
@(Html.DevExtreme().Chart() .DataSource(new[] { new { Day = "Monday", Oranges = 3 }, new { Day = "Tuesday", Oranges = 2 }, new { Day = "Wednesday", Oranges = 3 }, new { Day = "Thursday", Oranges = 4 }, new { Day = "Friday", Oranges = 6 }, new { Day = "Saturday", Oranges = 11 }, new { Day = "Sunday", Oranges = 4 } }) )
Razor VB
@(Html.DevExtreme().Chart() _ .DataSource({ New With {.Day = "Monday", .Oranges = 3}, New With {.Day = "Tuesday", .Oranges = 2}, New With {.Day = "Wednesday", .Oranges = 3}, New With {.Day = "Thursday", .Oranges = 4}, New With {.Day = "Friday", .Oranges = 6}, New With {.Day = "Saturday", .Oranges = 11}, New With {.Day = "Sunday", .Oranges = 4} }) )
示例:将控件绑定到模型
本示例代码展示了如何将 MultiView 控件绑定到 Model。
View
Razor C#
@model List<DevExtreme.MVC.Demos.Models.Store> @(Html.DevExtreme().MultiView() .DataSource(Model) )
Razor VB
@ModelType List(Of DevExtreme.MVC.Demos.Models.Store) @(Html.DevExtreme().MultiView() _ .DataSource(Model) )
Model
C#
namespace DevExtreme.MVC.Demos.Models.SampleData { public partial class SampleData { public static Store[] Stores = new[] { new Store { ID = 1, CompanyName = "SuprMart", Address = "702 SW 8th Street", City = "Bentonville", }, new Store { ID = 2, CompanyName = "El'Depot", Address = "2455 Paces Ferry Road NW", City = "Atlanta", }, new Store { ID = 3, CompanyName = "K&S Music", Address = "1000 Nicllet Mall", City = "Minneapolis", } }; } }
VB
Namespace DevExtreme.MVC.Demos.Models.SampleData Partial Public Class SampleData Public Shared Stores As Store() = { New Store With { .ID = 1, .CompanyName = "SuprMart", .Address = "702 SW 8th Street", .City = "Bentonville" }, New Store With { .ID = 2, .CompanyName = "El'Depot", .Address = "2455 Paces Ferry Road NW", .City = "Atlanta" }, New Store With { .ID = 3, .CompanyName = "K&S Music", .Address = "1000 Nicllet Mall", .City = "Minneapolis" } } End Class End Namespace
Controller
C#
using DevExtreme.MVC.Demos.Models.SampleData; namespace DevExtreme.MVC.Demos.Controllers { public class MultiViewController : Controller { public ActionResult Overview() { return View(SampleData.Stores); } } }
VB
Imports DevExtreme.MVC.Demos.Models.SampleData Namespace DevExtreme.MVC.Demos.Controllers Public Class MultiViewController Inherits Controller Public Function Overview() As ActionResult Return View(SampleData.Stores) End Function End Class End Namespace
DataSource 方法重载接受 string[] 键参数,因此您的代码如下所示:
C#
.DataSource(Model.YourCollection, "KeyFieldName")
VB
.DataSource(Model.YourCollection, "KeyFieldName")
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。
DevExpress技术交流群6:600715373 欢迎一起进群讨论
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn
文章转载自:慧都网本文探讨 SQL Server 中 NULL 和空值之间的区别,并讨论如何有效地处理它们。
Unity 是一款功能极其丰富的游戏引擎,允许开发人员将各种媒体集成到他们的项目中。但是,它缺少最令人兴奋的功能之一 - 将 Web 内容(例如 HTML、CSS 和 JavaScript)直接渲染到 3D 场景中的纹理上的能力。在本文中,我们将介绍如何使用 DotNetBrowser 在 Unity3D 中将 Web 内容渲染为纹理。
DevExpress v24.2帮助文档正式发布上线了,请按版本按需下载~
本教程将向您展示如何用MyEclipse构建一个Web项目,欢迎下载最新版IDE体验!
高性能HTML5/JavaScript开发框架,利用现代Web开发堆栈构建优异性能的应用程序。
DevExpress Universal Subscription行业领先的界面控件开发包,帮助企业构建卓越应用!
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@pclwef.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢