本教程将向您展示如何使用 jQuery EasyUI 建立一個學校課程表。
我們将建立兩個表格：在左側顯示學校科目，在右側顯示時間表。
您可以拖動學校科目并放置到時間表單元格上。
學校科目是一個 <div class="item"> 元素，時間表單元格是一個 <td class="drop"> 元素。
正如您所看到的上面的代碼，當使用者拖動在左側的學校科目并放置到時間表單元格中時，onDrop 回調函數将被調用。我們克隆從左側拖動的源元素并把它附加到時間表單元格上。
當把學校科目從時間表的某個單元格拖動到其他單元格，隻需簡單地移動它即可。
jeasyui-dd-timetable.zip