使用Agility.js和Persistence的简单ToDo应用程序

时间:2012-11-30 01:42:00

标签: javascript model-view-controller agility.js

我创建了一个名为agilityjs的数据库,其中有一个名为todolist的表。我在/api/todolist.php中创建了一个文件,它将充当Web服务。我想在用户点击“New Item”时这样做,它会通过调用PHP文件(todolist.php)将新项添加到我的数据库中。我的下一个目标是在用户点击删除时点击编辑和删除项目。

任何人都可以帮助我朝正确的方向发展吗?我在http://agilityjs.com/docs/docs.html#persist看到了持久性文档,但我不确定如何应用它。

以下代码仅来自http://agilityjs.com/(在底部,您可以看到它,它是现场演示)。

这是学习https://gist.github.com/3166678的另一个好资源,但我似乎无法应用它。

//
// Item prototype
//
var item = $$({}, '<li><span data-bind="content"/> <button>x</button></li>', '& span { cursor:pointer; }', {
  'click span': function(){
    var input = prompt('Edit to-do item:', this.model.get('content'));
    if (!input) return;
    this.model.set({content:input});
  },
  'click button': function(){
    this.destroy();
  }
});

//
// List of items
//
var list = $$({}, '<div> <button id="new">New item</button> <ul></ul> </div>', {
  'click #new': function(){
    var newItem = $$(item, {content:'Click to edit'});
    this.append(newItem, 'ul'); // add to container, appending at <ul>
  }
});

$$.document.append(list);

谢谢。

0 个答案:

没有答案