我创建了一个名为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);
谢谢。