雲筆記專案 移動筆記後高亮顯示筆記本和筆記

雲筆記專案移動筆記後，也想模仿其他筆記的功能，高亮移動後的筆記本和筆記，並且移動後的筆記需要在新筆記本筆記的第一列。因為服務端這邊返回了包含筆記本id和筆記id的資訊，因此可以通過遍歷的方式，找到對應的筆記本和筆記，然後將其a元素的class屬性新增上checked即可完成高亮效果。

業務需要分成兩部分完成。

（1）筆記本列表區：需高亮移動後的新筆記本，並且將舊筆記本的高亮顯示功能取消。

（2）筆記列表區：需顯示新筆記本的筆記，並且將新移動的筆記放到筆記列表的第一列，且高亮顯示。

以下是具體**實現，通過迴圈遍歷，找到筆記本列表裡筆記本id和服務端返回的筆記本id一樣的li元素，將其a元素類屬性新增上checked，即完成移動後新筆記本高亮顯示功能。

1

//移動筆記
2function
movenote();
12 $.getjson(url,data,function
(resultdata)28}
29//
然後更新移動後筆記資訊，並且高亮顯示移動後的的新筆記
30loadnoteaftermovenote(returnnotebookid,returnnoteid);
31 }else
34});
35 }

1

//移動筆記後，裝載新筆記本後的筆記
2function
loadnoteaftermovenote(returnnotebookid,returnnoteid))
6var url="note/listnote.do";
7 data=;
8 $.getjson(url,data,function
(resultdata)else
16}); 
17 alert("移動筆記成功");
18 }

1

//重寫展示筆記列表
2function
shownoteaftermove(notes,returnnoteid)else24}
25 }

移動前：

移動後 ：

最初的需求是移動筆記後，將當前筆記列表被移動的筆記移除，同時將其他筆記中的第乙個設定為當前筆記，如果移動乙個筆記後沒有筆記了，筆記標題和內容就設定為空，以下為**部分，作為參考。

1

//當從服務端返回包含筆記本id和筆記id資訊的資料後
2if(resultdata.state==0)else
12li.remove();
13 }

使用 金山快盤 OneNote 建立移動筆記本

平時一直用word寫筆記，時間長了發現不少問題，比如在word中記錄 命令列總是很不爽。沒有高亮不說了，還經常 自作聰明 的在我的命令中間加入 空格 字元，弄得我每次貼上命令到其他地方用的時候都要檢查一遍，生怕乙個空格搞出事故來。廢話不多說，上教程。1 環境準備 1 win 7 必須的，如果是xp，...

雲筆記 筆記本模組（3）

雙擊筆記本名稱觸發事件進行修改筆記本名稱 雙擊,開啟修改筆記本介面 document on dblclick pc part 1 li gt 0 function opacity bg show 修改筆記本 document on click modalbasic 4 sure function 觸...

開源雲筆記本開發構想

之前一直在用有道雲筆記，ui設計並不是那麼美觀。後來轉用evernote，發現ui設計還不如那個呢。不過evernote的手機端設計的還挺漂亮，有類似ocr識別的東西。有道的手機端很難用，帶有點pc端的設計模式，儲存筆記的步驟不友好。而且它兩個都不支援 識別 it人士的要求 最讓人不爽的地方就是 這...