2024年终活动

DevExpress控件使用交流,DevExpress中国社区Dev联系电话 联系电话:023-68661681

DevExtreme教程:如何创建数据模型

来源:慧都控件网   发布时间:2014-07-31   浏览:3300次

    在上一篇文章中,现在你已经创建了一个新的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
返回
顶部