国产精品另类,亚洲人成网站在线,国产高清国产

超碰91资源站-超碰97豆花-超碰97人妻-超碰97人人干-超碰97人人香蕉-超碰97天天操-超碰97在线资源站-超碰97资源站共享-超碰97资源站总站-超碰aa在线91-超碰av操-超碰爱爱

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

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

概述：本教程將為你展示如何使用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 }); } } });

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

下載該EasyUI示例：

購買最新正版授權！""

標簽：HTML5 jQuery UI界面 HTML5/JS

本站文章除注明轉載外，均為本站原創或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@ke049m.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生產管理系統，全程追溯質量信息，打造數字化工廠

# 非開源 # # 軟件 #

自動化測試工具Parasoft如何發現資源泄露問題
在使用Parasoft C/C++test執行BugDetective數據流分析時，可能會遇到用戶自定義的資源API，那在這種情況下，若要判斷是否存在資源問題，如資源泄露等，則需要手動配置測試配置。

# 使用教程 # 2025-10-14 11:46:02.607 21次

TestComplete實現SaaS系統自動化測試的8個技巧
大型SaaS系統的自動化測試常常受制于界面變化快、結構復雜、加載機制多變等因素。從元素識別到腳本管理，SmartBear TestComplete幫助Salesforce建了可靠的自動化測試體系。

# 使用教程 # 2025-10-13 16:35:30.080 23次

BarTender：支持所有條形碼與符號體系的智能標簽解決方案
BarTender 標簽管理系統，正是幫助企業輕松實現 GS1 標準化標簽設計、編碼生成與信息聯動的強大工具。

# 使用教程 # 2025-10-13 14:35:58.673 25次

Parasoft單元測試配置：使用Socket通信實現測試結果收集
Parasoft C/C++test 是一款功能強大的 C/C++ 軟件測試工具，集成了靜態代碼分析、單元測試、集成測試和覆蓋率分析等功能，單元測試作為其關鍵功能之一，為了適配多樣化的目標部署環境，C/C++test 設計了靈活的測試結果收集機制。通過Socket通訊方式來收集單元測試結果，從而擴展其測試覆蓋范圍與應用場景。

# 使用教程 # 2025-10-13 11:59:02.340 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

自動化測試工具Parasoft如何發現資源泄露問題

TestComplete實現SaaS系統自動化測試的8個技巧

BarTender：支持所有條形碼與符號體系的智能標簽解決方案

Parasoft單元測試配置：使用Socket通信實現測試結果收集

Parasoft C/C++test如何將靜態分析集成到VSCode中

超碰91资源站-超碰97豆花-超碰97人妻-超碰97人人干-超碰97人人香蕉-超碰97天天操-超碰97在线资源站-超碰97资源站共享-超碰97资源站总站-超碰aa在线91-超碰av操-超碰爱爱

半岛外围网上直营

在線采購

中文文檔庫

試用/Demo下載

開發社群

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

用科技創就卓越

Create excellence with technology