2010-08-07 30 views
0

我試圖修改http://www.mytinytodo.net/將其集成到我正在開發的應用中。不幸的是,我的jQuery/AJAX能力至多是垃圾。jQuery/AJAX格式化佈局 - 我的Tiny Todolist

我想要做的兩件事情:

1)任務要放入取決於到期日類父DIV。例如,已經過了他們的過期任務的任務被放置在「過期」分區內。未來應有的任務放在'未來'專區。沒有設定到期日或截止日期的任務是今天被放置在'今天'div。

我知道我需要對ajax.js文件的第113行進行一些更改,但我很難過。

2)我的應用程序正在使用會話標識符的登錄系統下運行。我想設置My Tiny TodyList以使用該系統,以便普通用戶可以看到公共和他們自己的todolist,而管理員可以看到公共和每個用戶的todolist。我試圖簡單地在mttl表中創建一個新字段,該字段表示鏈接到隱藏輸入框的用戶標識,該標識存儲該標識,但該標識沒有用。'

任何指針將不勝感激。

豐富

+0

你可以發佈一些你的修改的HTML?相對於原始的mytinytodo html,過期和過期的div位於哪裏?換句話說,你如何改變原來的結構以適應你的需求?也許你的佈局的截圖或代碼示例會有所幫助。 – kevtrout 2010-08-07 13:37:16

+0

@kevtrout http://www.arongalabuzi.co.uk/stuff/mttl/mttl.png下面是我試圖實現的視覺解釋 – Rich 2010-08-07 19:16:42

回答

0

我相信你會作出改變實際上是在功能submitNewTask()在ajax.js. 163線該功能會將新任務回到頁面上的部分是在管線175:

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

該行採取prepareTaskStr()函數的結果在行108,它與一個ID追加到div任務列表。您需要將代碼替換爲查看prepareTaskStr()返回值的日期類別的代碼,並確定它是今天(過期)還是未來(未來),還是與今天(今天)相同。根據這項判斷的結果,您需要將任務串在適當的DIV,取代「#tasklist」你div的名稱,如

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

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

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

我敢打賭,todo應用程序已經爲日期創建了一個var。找到它,也許你可以在你的if()語句中使用它來確定放置新任務的div。

+0

感謝kevtrout的迴應,我正在嘗試。可以'item.dueClass'是var嗎?我只是在第113行看到它在生成要分配給李的類。 – Rich 2010-08-07 21:29:38

+0

我的意思是說今天的日期可能已經存在了。 item.dueClass可能是任務的到期日期,這也是你想要比較的日期。我說,沒有參考代碼,因爲我正在出門。也許以後。 – kevtrout 2010-08-07 22:29:21