jQuery / AJAX格式布局 - 我的Tiny Todolist

Question

我正在尝试修改http://www.mytinytodo.net/以将其集成到我正在开发的应用中。不幸的是，我的jQuery / AJAX能力充其量只是垃圾。

我想做两件事：

  

1）根据到期日期类放入父div的任务。例如，已经超过其duedate的任务被放置在“expired”div中。将来到期的任务放在“future”div中。今天没有设定截止日期或截止日期的任务将放在“今天”div中。

我知道我需要在ajax.js文件的第113行进行一些更改，但我很难过。

  

2）我的应用程序在使用会话标识符的登录系统下运行。我想设置My Tiny TodyList来使用该系统，以便普通用户可以看到公共和他们自己的todolist，而管理员可以看到公共和每个用户的todolist。我试图在mttl表中创建一个新字段，该字段表示链接到存储该id的隐藏输入框但不起作用的用户ID。

任何指针都会非常感激。

富

Answer 1

我相信您所做的更改实际上是在ajax.js第163行的函数submitNewTask()中。将新任务放回页面的此功能部分位于第175行：

$('#tasklist').append(prepareTaskStr(item));

该行获取第108行的prepareTaskStr（）函数的结果，并将其附加到ID为tasklist的div。您需要将其替换为查看prepareTaskStr()返回值的日期类的代码，并确定它是否已过去（过期）或未来（未来）或是否与今天相同（今天）。根据此确定的结果，您将任务字符串放在适当的div中，将“#tasklist”替换为div的名称，例如

$('#expiredlist').append(prepareTaskStr(item));

或

$('#todaylist').append(prepareTaskStr(item));

或

$('#futurelist').append(prepareTaskStr(item));

我敢打赌，todo app已经为日期创建了一个var。找到它，也许你可以在if（）语句中使用它来确定放置新任务的div。