MVC应用的数据建模（基于Dojo）

require(["dojo/store/JsonRest","dojo/store/Memory","dojo/store/Cache","dojo/store/Observable"],function(JsonRest,Memory,Cache,Observable){
    masterStore = new JsonRest({
        target: "/Inventory/",idProperty: "name"
    });
    cacheStore = new Memory({ idProperty: "name" });
    inventoryStore = Cache(masterStore,cacheStore)

results = inventoryStore.query("some-query");
viewResults(results);
  
// pass the results on to the view
function viewResults(results){
    var container = dom.byId("container");
  
    // results object provides a forEach method for iteration
    results.forEach(addRow);
  
    function addRow(item){
        var row = domConstruct.create("div",{
            innerHTML: item.name + " quantity: " + item.quantity
        },container);
    }
}

function addRow(item){
    var row = domConstruct.create("div",{
        innerHTML: string.substitute(tmpl,item);
    },container);
}

masterStore = Observable(masterStore);
...
inventoryStore = Cache(masterStore,cacheStore);

function viewResults(results){
    var container = dom.byId("container");
    var rows = [];
      
    results.forEach(insertRow);
  
    results.observe(function(item,removedIndex,insertedIndex){
        // this will be called any time a item is added,removed,and updates
        if(removedIndex > -1){
            removeRow(removedIndex);
        }
        if(insertedIndex > -1){
            insertRow(item,insertedIndex);
        }
    },true); // we can indicate to be notified of object updates as well
  
    function insertRow(item,i){
        var row = domConstruct.create("div",{
            innerHTML: item.name + " quantity: " + item.quantity
        });
        rows.splice(i,container.insertBefore(row,rows[i]));
    }
  
    function removeRow(i){
        domConstruct.destroy(rows.splice(i,1)[0]);
    }
}

on(addButton,"click",function(){
    inventoryStore.add({
        name: "Shoes",category: "Clothing",quantity: 40
    });
});

var oldPut = inventoryStore.put;
inventoryStore.put = function(object,options){
    if(object.quantity < 0){
        throw new Error("quantity must not be negative");
    }
    // now call the original
    oldPut.call(this,object,options);
};

inventoryStore.put({
    name: "Donuts",category: "Food",quantity: -1
});

inventoryStore.getChildren = function(parent,options){
    return this.query({
        category: parent.name
    },options);
};

require(["dojo/_base/Deferred"],function(Deferred){
    Deferred.when(inventoryStore.get("Food"),function(foodCategory){
        // retrieved the food category object,now get it's children
        inventoryStore.getChildren(foodCategory).forEach(function(food){
            // handle each item in the food category
        });
    });

donut.category = "Junk Food";
inventoryStore.put(donut);

inventoryStore.put = function(object,options){
    if(options.parent){
        object.category = parent;
    }
    // ...
};

inventoryStore.put(donut,{parent: "Junk Food"});

inventoryStore.put = function(object,options){
    if(options.before){
        // we set the reference object's name in the object's "insertBefore" 
        // so the server can put the object in the right order
        object.insertBefore = options.before.name;
    }
    // ...
};

require(["dojo/on"],function(on){
    on(moveUpButton,".move-up:click",function(){
        // |this| in event delegation is the node
        // matching the given selector
        inventoryStore.put(inventoryStore.get(this.itemId),{
            before: inventoryStore.get(this.beforeId)
        });
    }); 

require(["dojo/_base/lang"],function(lang){
    lang.mixin(inventoryStore,{
        transaction: function(){
            // start a transaction,create a new array of operations
            this.operations = [];
            var store = this;
            return {
                commit: function(){
                    // commit the transaction,sending all the operations in a single request
                    return xhr.post({
                        url:"/Inventory/",// send all the operations in the body
                        postData: JSON.stringify(store.operations)
                    });
                },abort: function(){
                    store.operations = [];
                }
            };
        },put: function(object,options){
            // ... any other logic ...
              
            // add it to the queue of operations
            this.operations.push({action:"put",object:object});
        },remove: function(id){
            // add it to the queue of operations
            this.operations.push({action:"remove",id:id});
        }
    });

removeCategory: function(category){
    // atomically remove entire category and the items within the category
    var transaction = this.transaction();
      
    var store = this;
    this.getChildren(category).forEach(function(item){
        // remove each child
        store.remove(item.name);
    },this).then(function(){
        // now remove the category
        store.remove(category.name);
        // all done,commit the changes
        transaction.commit();
    });
}

function viewInForm(object,form){
    // copy initial values into form inputs
    for(var i in object){
        updateInput(i,null,object.get(i));
    }
    // watch for any future changes in the object
    object.watch(updateInput);
    function updateInput(name,oldValue,newValue){
        var input = query("input[name=" + name + "]",form)[0];
        if(input){
            input.value = newValue;
        }
    }
}

require(["dojo/Stateful","dojo/_base/Deferred"],function(Stateful,Deferred){
    Deferred.when(store.get("Donut"),function(item){
        item = new Stateful(item); // wrap with stateful
        viewInForm(item,dom.byId("itemForm"));
    });

item.set("quantity",4);

on(saveButton,function(){
    inventoryStore.put(currentItem); // save the current state of the Stateful item
});