jaydata Wiki Rss Feed

Updated Wiki: Home

JayDataOrg — Thu, 20 Dec 2012 11:21:43 GMT

About JayData Project

JayData is a unified data access library for JavaScript to CRUD data from different sources like WebSQL, IndexedDB, MongoDb, WebAPI, OData, HTML5 localStorage, Facebook or YQL. The library can be integrated with KendoUI, Knockout.js, Handlebars.js or Sencha Touch 2 and can be used on Node.js as well.

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Use your JayData skills to create data centric business apps that run on the server. Read the blogpost about How to install your own oData server with nodejs and mongoDB. You can even try it now online and get your free app at JayStack.com.

Understand JayData in 7 simple steps. (read this article)

Step 1 - Scripts to reference

<!-- optional, only if you need OData -->
<script  type="text/javascript" src="http://include.jaydata.org/datajs-1.0.3.min.js"></script>
<script  type="text/javascript" src="http://include.jaydata.org/jaydata.min.js"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

OData

var todoDB = new TodoDatabase("http://mysite.com/my.svc");

local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

Create or modify data with an approach native to JavaScript: create objects, set properties, assign to collections. Create complex inmemory object graphs and let JayData persist it for you to one of the read/write data sources.

JayData provides JavaScript Language Query (JSLQ) as a tool to query local (in-browser and mobile) and remote data sources witha simple, unified query syntax: JavaScript itself. Much like Microsoft .NET developers can utilize Entity Framework and LINQ on server-side to perform operations on data from different databases.

The aim of JayData library is to give a similar level of abstraction with the help of the $data.Expressions API and the JavaScript language itself.

JayData is cross-platform (runs on HTML5 desktop and mobile browsers, can be hosted in PhoneGap environment on iPhone, iPad and Android) and cross-layer as it works on client-side and server-side (Node.JS).

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Visit http://jaydata.org for detailed information and documentation.

As JayData covers many technologies and open new fields of development, we encourage you to contribute to the project with new providers or features. Check out the possible ways of contributions here: http://jaydata.org/community/contribute

JavaScript libraries released on CodePlex can be used to develop applications, to get the structured sourcecode to develop JayData itself, visit github.com/jaydata

JayData comes with dual licensing: you can use it under MIT license if ship software software under MIT, but it should be used under GPL if you distribute your software under GPLv2.

Updated Wiki: Home

JayDataOrg — Thu, 29 Nov 2012 18:18:34 GMT

About JayData Project

JayData is a unified data access library for JavaScript to CRUD data from different sources like WebSQL, IndexedDB, MongoDb, OData, HTML5 localStorage, Facebook or YQL. The library can be integrated with Knockout.js, Handlebars.js or Sencha Touch 2 and can be used on Node.js as well.

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Scripts to reference

<!-- optional, only if you need OData -->
<script  type="text/javascript" src="http://include.jaydata.org/datajs-1.0.3.min.js"></script>
<script  type="text/javascript" src="http://include.jaydata.org/jaydata.min.js"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

OData

var todoDB = new TodoDatabase("http://mysite.com/my.svc");

local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Thu, 29 Nov 2012 18:16:19 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Scripts to reference

<!-- optional, only if you need OData -->
<script  type="text/javascript" src="http://include.jaydata.org/datajs-1.0.3.min.js"></script>
<script  type="text/javascript" src="http://include.jaydata.org/jaydata.min.js"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

OData

var todoDB = new TodoDatabase("http://mysite.com/my.svc");

local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Thu, 29 Nov 2012 18:13:51 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Scripts to reference

<!-- optional, only if you need OData -->
<script  type="text/javascript" src="http://include.jaydata.org/datajs-1.0.3.min.js"></script>
<script  type="text/javascript" src="http://include.jaydata.org/jaydata.min.js"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Thu, 29 Nov 2012 18:12:41 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Scripts to reference

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script  type="text/javascript" src="http://include.jaydata.org/datajs-1.0.3.min.js"></script>
<script  type="text/javascript" src="http://include.jaydata.org/jaydata.min.js"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Wed, 28 Nov 2012 15:36:06 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script  type="text/javascript" src="http://include.jaydata.org/datajs-1.0.3.min.js"></script>
<script  type="text/javascript" src="http://include.jaydata.org/jaydata.min.js"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Wed, 28 Nov 2012 15:34:41 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script  type="text/javascript" src="http://include.jaydata.org/datajs-1.0.3.min.js"></script>
<script  type="text/javascript" src="http://include.jaydata.org/jaydata.min.js"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Wed, 28 Nov 2012 15:31:03 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

<script src="http://code.jquery.com/jquery.min.js"</script>
<script src="http://include.jaydata.org/datajs-1.0.3.min.js"></script>
<script src="http://include.jaydata.org/jaydata.min.js"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Wed, 28 Nov 2012 15:21:57 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/datajs-1.0.3.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaydata.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaystorm-1.0.0.js" type="text/javascript"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Mon, 26 Nov 2012 16:32:04 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/datajs-1.0.3.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaydata.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaystorm-1.0.0.js" type="text/javascript"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Mon, 26 Nov 2012 16:30:27 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/datajs-1.0.3.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaydata.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaystorm-1.0.0.js" type="text/javascript"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Mon, 26 Nov 2012 16:30:05 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/datajs-1.0.3.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaydata.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaystorm-1.0.0.js" type="text/javascript"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Mon, 26 Nov 2012 16:24:50 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/datajs-1.0.3.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaydata.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaystorm-1.0.0.js" type="text/javascript"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Mon, 26 Nov 2012 16:23:14 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Use your JayData skills to create data centric business apps that run on the server. Read the blogpost about How to install your own oData server with nodejs and mongoDB. Try it now online and get your free app at JayStack.com.

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/datajs-1.0.3.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaydata.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaystorm-1.0.0.js" type="text/javascript"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Mon, 26 Nov 2012 16:22:30 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/datajs-1.0.3.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaydata.min.js" type="text/javascript"></script>
<script src="http://include.jaydata.org/jaystorm-1.0.0.js" type="text/javascript"></script>

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Mon, 26 Nov 2012 16:20:46 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

New: use JayData as a server

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Mon, 26 Nov 2012 15:51:55 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

JayData on serverside

JayData can be used on serverside. Read the blogpost about How to install your own oData server with nodejs and mongoDB. Use your JayData skills to create data centric business apps that run on the server. Try it now and get your free app!

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Mon, 26 Nov 2012 15:50:47 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

JayData on serverside

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Mon, 26 Nov 2012 15:49:40 GMT

About JayData Project

Please visit our website at http://jaydata.org , or read the release notes for the most current information about this project.

JayData on serverside

JayData can be used on serverside. Read the blogpost about How to install your own oData server with nodejs and mongoDB.

Use your JayData skills to create data centric business apps that run on the server. Register nowand get your free app!

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });

CRUD + Query in Javascript !!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Updated Wiki: Home

JayDataOrg — Mon, 26 Nov 2012 15:05:10 GMT

About JayData Project

CRUD + Query in Javascript !!

Please visit our website at http://jaydata.org for the most current information about this project.

Do you like the way JayData works?

Use your JayData skills to create data centric business apps that run on the server. Build a server side application with JayData and JayStorm. Register now for your free app!

More information about JayData

Walk through the tutorial
Watch videos
Try it out in the Playground
Check out the sample apps.
Ask questions and get answers from Forum.

Join our community, Like us on Facebook and Follow us on Twitter.

Facebook: http://www.facebook.com/JayData
Twitter: https://twitter.com/jaydataorg
YouTube: http://www.youtube.com/jaydataorg

Key providers of JayData

WebSQL
SQLite
MongoDB
IndexedDB
HTML5 localStorage
OData
Facebook
YQL

Please read the release notes for current status of the providers.

Understand JayData in 7 simple steps. (read this article)

Step 1 - Initialize resources

Initialize your resource like stylesheets, scripts and so on.

Step 2 - Define data model

Simple model that works online and offline as well. Define your data model:

$data.Entity.extend("Todo", {
    Id: { type: "int", key: true, computed: true },
    Task: { type: String, required: true, maxLength: 200 },
    DueDate: { type: Date },
    Completed: { type: Boolean }
});

$data.EntityContext.extend("TodoDatabase", {
    Todos: { type: $data.EntitySet, elementType: Todo }
});

Step 3 - Initialize the data storage

Local

var todoDB = new TodoDatabase("MyTodoDatase");

webSQL

var todoDB = new TodoDatabase({ 
    provider: 'webSql', databaseName: 'MyTodoDatabase' 
});

Step 4 - Create data

//Create
var tasks = todoDB.Todos.addMany([
    { Task: 'Step0: Get this this list', Completed: true },
    { Task: 'Step1: Define your data model'},
    { Task: 'Step2: Initialize data storage'}
]);
todoDB.saveChanges(function() {
    tasks.forEach( function(todo) { alert(task.Id) });
});

Step 5 - Working with data

Filter #1

//Filter #1
todoDB.Todos
        .filter( function(todo) {
            return todo.Completed == true ||
                    todo.Task.startsWith("Step2")
        })
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Filter #2

//Filter #2
todoDB.Todos
        .filter("it.Completed || it.task.startsWith('Step2')")
        .forEach( function(todo) {
            yourTemplate.render(todo); 
        });

Step 6 - Remove

//Simple remove
todoDB.Todos.remove(todo);
todoDB.saveChanges();
//Remove in batch
todoDB.Todos
        .removeAll();

Step 7 - Generate some UI with jQuery

//UI with jQuery
todoDB.Todos
        .include("Person")
        .forEach(function(todo) {
            $('#todos')
                .append('<li>' + todo.Task + ',' + todo.Person.Name + '</li>');
        });