欧差视频aa,黄色av地址,免费的A级片

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

jQuery EasyUI使用教程：創建一個課程表

原創|使用教程|編輯：龔雪|2015-10-09 09:31:30.000|閱讀 2466 次

概述：本教程將為你展示如何使用jQuery EasyUI創建一個學校的課程表。

本教程將為你展示如何使用jQuery EasyUI創建一個學校的課程表。我們將創建兩個表：學校的科目在左邊，時間表在右邊，你可以拖動學?？颇坎⑵浞旁跁r間表的單元格中。學校的科目是一個"div class='item'"元素，然而時間表單元格是一個"td class='drop'"元素。

顯示學?？颇?/strong>

<div class="left"> <table> <tr> <td><div class="item">English</div></td> </tr> <tr> <td><div class="item">Science</div></td> </tr>  </table> </div>

顯示時間表

<div class="right"> <table> <tr> <td class="blank"></td> <td class="title">Monday</td> <td class="title">Tuesday</td> <td class="title">Wednesday</td> <td class="title">Thursday</td> <td class="title">Friday</td> </tr> <tr> <td class="time">08:00</td> <td class="drop"></td> <td class="drop"></td> <td class="drop"></td> <td class="drop"></td> <td class="drop"></td> </tr>  </table> </div>

拖動左側的學?？颇?/strong>

$('.left .item').draggable({ revert:true, proxy:'clone' });

將學校的科目放在時間表的單元格中

$('.right td.drop').droppable({ accept: '.item', onDragEnter:function(){ $(this).addClass('over'); }, onDragLeave:function(){ $(this).removeClass('over'); }, onDrop:function(e,source){ $(this).removeClass('over'); if ($(source).hasClass('assigned')){ $(this).append(source); } else { var c = $(source).clone().addClass('assigned'); $(this).empty().append(c); c.draggable({ revert:true }); } } });

正如你所看到的代碼一樣，當用戶在左側拖動學校科目并將其放到時間表的單元格中時，onDrop回調函數將會被調用。我們將左側拖動的源元素復制并把它附加到時間表單元格上，當把學?？颇繌臅r間表的某個單元格拖動到其他單元格時，只需簡單地移動它即可。

下載該EasyUI示例：

購買最新正版授權！""

標簽：HTML5 jQuery UI界面 HTML5/JS

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自：慧都控件網

上一篇：快速啟動AnyStock教程下一篇：HighCharts圖表控件在ASP.NET WebForm中的應用

為你推薦

推薦視頻

推薦活動

推薦產品

推薦文章

慧都慧問

2.2 Sketch視頻教程：創建、保存和管理文檔

SOLIDWORKS中運用“遠程載荷”功能簡化零部件| 操作視頻

報表控件Wyn Enterprise使用教程：折線圖和面積圖使用詳解

憑借強大的抓取系統和夾持技術，這家德國企業做到了世界第一！

Visual ParadigmTOGAF ADM 指導：如何制定架構原則

什么是工業4.0?

DevExpress Universal Subscription
優秀的界面控件開發包，幫助企業構建卓越應用！

# 非開源 # # 控件 #

DevExpress DXperience Subscription
高性價比的企業級.NET用戶界面套包，助力企業創建卓越應用！

# 非開源 # # 控件 #

DevExpress WinForms Subscription
為Windows Forms平臺創建具有影響力的業務解決方案，高性價比WinForms界面控件套包。

# 非開源 # # 控件 #

Evget OMES生產管理系統
慧都Evget OMES生產管理系統，全程追溯質量信息，打造數字化工廠

# 非開源 # # 軟件 #

界面控件Kendo UI中文教程：如何在網格中使用Angular httpResource API？
本文將帶大家學習如何在Kendo UI for Angular 網格組件中使用Angular的httpResource API，歡迎下載最新版組件體驗！

# 使用教程 # 2025-09-08 11:37:10.903 16次

DevExpress WPF中文教程：如何將WPF數據網格綁定虛擬數據源？
本文主要介紹DevExpress WPF Grid控件如何將數據綁定虛擬數據源，歡迎下載最新版組件體驗！

# 使用教程 # 2025-09-05 11:07:25.470 36次

DevExpress WinForms中文教程：Data Grid - 過濾器行
本教程主要為大家介紹DevExpress WinForms數據網格控件中的過濾器行功能，歡迎下載最新版組件體驗！

# 使用教程 # 2025-09-04 15:37:36.733 30次

DevExpress Blazor中文教程：AI聊天 - 如何完成工具呼叫確認？（二）
本文主要介紹了Tool Call Confirmation API層和DevExpress Blazor AI Chat組件的相關可自定義接口，歡迎下載最新版體驗！

# 使用教程 # 2025-09-03 10:50:15.610 28次

相關產品
控件
產品功能：UI界面

源碼：非開源

產品編號：13352

當前版本：v1.10.18 [銷售以商家最新版為準，如需其他版本，請來電咨詢]

開發商： jQuery EasyUI 正式授權
">jQuery EasyUI
基于jQuery且支持HTML5的用戶界面框架

最新文章 MORE

1用戶界面框架jQuery EasyUI全新發布v1.9.3|附下載

2UI界面開發框架jQuery EasyUI入門教程常見方法的調用

3用戶界面框架jQuery EasyUI全新發布v1.9.14|附高速下載

4應用界面開發框架jQuery EasyUI全新發布v1.9.15|發布新插件

5Angular 1.2.0使用jQuery EasyUi方法

金喜正規買球相關的文章 MORE

界面控件Kendo UI中文教程：如何在網格中使用Angular httpResource API？

DevExpress WPF中文教程：如何將WPF數據網格綁定虛擬數據源？

DevExpress WinForms中文教程：Data Grid - 過濾器行

DevExpress Blazor中文教程：AI聊天 - 如何完成工具呼叫確認？（二）

DevExpress WPF中文教程：如何將WPF數據網格綁定到本地數據庫？

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發社群

jQuery EasyUI使用教程：創建一個課程表

用科技創就卓越

Create excellence with technology