基於easyui的備忘錄的實現

唉,本來昨天昨晚資料查詢今天就放假了,奈何哥們端午節回家了,他身上的重任沒有完成,自然就落到了我的肩膀上,唉,這鍋我背了,誰讓咱是兄弟不是,心裡苦說不出啊.

任務是做乙個基於日期的備忘錄,效果圖如下.

道理很簡單,從資料庫裡把當前使用者的記錄全部取出渲染這個表就可以了,主要是easyui的一些介面的使用,當然圖中還有我的人生目標.

第一步是資料庫設計,當然這個是很簡單的,做績效考核那陣艱難的革命歲月已經一去不復返了

id: integer text: string user_id: integer date: datetime

第二步當然是取出當前使用者對應的備忘錄資料.

var easyui_dates = new
array();
$.each(dates ,function
(index , obj)else
});if(!has_the_date)
easyui_dates.push(item);
} 
});}
});

最後得到的easyui_dates是這種形式的[,

第三步然後我們就可以根據easyui_dates這個資料來判斷日期了

$('#cc').calendar( 
});if(ret == "")else
},onselect: function
(date)
});

這裡需要說明兩點,直接在easyui_date中return是很方便,但是我試了試那樣應該是跳不出這個雙重迴圈,所以我就重新加了個變數.

其次是formatter之後的函式每次需要執行40次左右,也就是遍歷每乙個日期來判斷它有沒有相應的事件存在,所以感覺效率堪憂,更別提我接過來的時候**竟然它查詢資料庫的ajax放在裡邊,也就是顯示就需要查詢40多次資料庫.但是我也沒想到別的好辦法,等我有了再來分享吧.

這個formatter的原理很簡單,就是遍歷每乙個日期(本月加下乙個月的一些日期),然後通過options屬性可以獲得他的年和月,我們依次判斷每條記錄的年月是否和當前年月相等,如果相等並且當前的日也在日期的陣列中,那麼就把這一天加上對號,即返回'' + d + '

'然後根據onselect方法我們可以隨心所欲的通過ajax請求來做我們的事情,也就是圖下半部分就很簡單了,就不細說了.