在上一篇文章中,现在你已经创建了一个新的DevExtreme程序,可以在你的应用程序开始使用了,今天来看看如何在DevExtreme中构建一个数据模型:
默认情况下应用程序包含位于项目的数据文件夹的db.js文件,这个文件是用于初始化你的应用程序的数据库属性,这个属性必须指向您的应用程序的数据源。于此同时,通常你会想要指定这个属性到一个数据服务上,在本次的文章中,将会使用普通的对象作为样本的数据。>>DevExtreme下载
正如你可以看到下面的标签,我们已经创建了几个演示demo和trip对象,不过他们尚未公开的数据库属性。为了公开数据库属性,现在需要创建一个新的对象,同时这个对象具有两个属性——trips和events。用trips和events已经初始化的DevExpress.data.ArrayStores来分配这些属性,在demo对象声明之后添加以下的代码:
(function() { //... MyTripsApp.db = { trips: new DevExpress.data.ArrayStore(trips), events: new DevExpress.data.ArrayStore(events), }; })();
store允许您轻松地执行各种查询操作,如筛选或排序。这个框架提供了几个处理不同数据源的store,在这种情况下,你可以演示demo,现在你已经创建了一个数据模型,整个过程完整的代码如下:
(function() { var events = [ { id: "e1", trip_id: "t1", title: "Space Needle", address: "Space Needle, Seattle", date: "10 Sep 2012, 02 PM" }, { id: "e2", trip_id: "t2", title: "Chicago Loop", address: "Chicago Loop, Chicago", date: "13 Oct 2012, 03 PM" } ]; var trips = [ { id: "t1", title: "Go to Seattle", dates: "09 - 14 Sep, 2012", events: [ events[0] ] }, { id: "t2", title: "Go to Chicago", dates: "12 - 17 Oct, 2012", events: [ events[1] ] } ]; MyTripsApp.db = { trips: new DevExpress.data.ArrayStore(trips), events: new DevExpress.data.ArrayStore(events), }; })();
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [https://www.devexpresscn.com/]
本文地址:https://www.devexpresscn.com/post/522.html