DevExtreme教程:如何创建数据模型
作者:不详 来源:慧都控件网 浏览:Loading...次 发布时间:2014-07-31 评论:0条
在上一篇文章中,现在你已经创建了一个新的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控件中文网 [http://www.devexpresscn.com/]
本文地址:http://www.devexpresscn.com/Resources/Documentation-422.html
关键字: DevExtreme
评论列表
暂无评论
请谈谈你的看法 请使用IE或者Firefox浏览器,暂不支持Chrome!

慧都控件网为DevExpress界面控件的中国地区唯一正式授权经销商,正版控件销售公司,授权代理商,经销商及合作伙伴。
电话:400-700-1020
              023-66090381
邮箱:sales@evget.com
相关资源
- DevExpress VCL 13.2 Beta发布
 - DevExpress 2013.2正式版发布
 - DevExpress VCL 2014新控件将只支持Delphi/C++Builder XE
 - DevExpress Dashboard示例代码:处理代码形式的数据源
 - 界面控件DevExpress VCL更新至v13.2.3
 - DXperience Windows 8 XAML入门教程:创建饼图
 - 慧都独家修复DevExpress的汉化bug
 - 2013年DevExpress中文教程大盘点
 - DevExpress Dashboard示例代码:连接到数据库之前自定义连接设置
 - DevExpress 13.2.8发布
 - DevExtreme入门视频教程汇总
 - 关于DevExpress官网无法正常访问的解决方案
 - DevExpress教程之RichEdit控件
 - DevExpress GridControl常见问题总结
 - DevExpress 2014.1发布
 - DevExpress 2014.1新版发布会报名开始啦!
 - DevExpress VCL 2014.1发布
 - DevExpress2014.1新版发布会圆满结束
 - DevExpress 2014.1.5发布
 - DevExtreme教程:如何不用VS创建和部署DXTREME程序
 
 
    


