在上一篇文章中,现在你已经创建了一个新的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
联系电话:023-68661681



返回