jQuery_EasyUI教程

jQuery_EasyUI教程

ID：46940594

大小：1.40 MB

頁數：128頁

時間：2019-11-30

jQuery_EasyUI教程_第1頁
jQuery_EasyUI教程_第2頁
jQuery_EasyUI教程_第3頁
jQuery_EasyUI教程_第4頁
jQuery_EasyUI教程_第5頁
資源描述：

《jQuery_EasyUI教程》由會員上傳分享，免費在線閱讀，更多相關內容在學術論文-天天文庫。

1、jqueryeasyui教程概述這個教程的目的是說明如何使用easyui框架容易的創(chuàng)建網頁。首先，你需要包含一些js和css文件：easyui預定義了一些圖標css，這些css類可以顯示圖片背景（16×16）。使用這些類之前，需要包含：內容1.拖放o基本拖放o創(chuàng)建購物車式拖放o創(chuàng)建課程表基本拖放這個教程顯示如何使HTML元素變得可拖放。這個例子會創(chuàng)建3個DIV元素然后讓它們變得可拖放。首先，創(chuàng)建三個DIV元素：

3、v>

讓第一個DIV元素可拖放，使用默認的拖放樣式。$('#dd1').draggable();讓第二個DIV元素使用proxy來拖放，proxy:'clone'表示proxy使用原始元素的復制。$('#dd2').draggable({proxy:'clone'});讓第三個DIV元素使用自定義proxy來拖放$('#dd3').draggable({proxy:fun

4、ction(source){varp=$('proxy

');p.appendTo('body');returnp;}});構建購物車型拖放使用jQueryeasyui，我們在web應用中就有了拖放的能力。這個教程顯示了如何構建購物車頁，它使用戶拖放他們希望購買的產品，更新購物籃的物品和價格。顯示產品頁：

  • B

    5、alloon

    Price:$25

  • Feeling

    Price:$25

    • ul元素包含一些li元素以顯示產品。每一個產品的名稱和單價屬性在P元素中。創(chuàng)建購物車：

    ShoppingCart

    6、="cartcontent"style="width:300px;height:auto;">NameQuantityPriceTotal:$0

    Dropher

    7、etoaddtocart

    使用datagrid顯示購物籃項目。拖曳產品副本$('.item').draggable({revert:true,proxy:'clone',onStartDrag:function(){$(this).draggable('options').cursor='not-allowed';$(this).draggable('proxy').css('z-index',10);},onStopDrag:function(){$(this).draggable

    8、('options').cursor='move';}});我們設置draggable屬性proxy為clone，所以拖曳元素使用clone效果。將選擇的產品放入購物車$('.cart').droppable({onDragEnter:function(e,source){$(source).draggable('options').cursor='auto';},onDragLeave:function(e,source){$(sourc

    當前文檔最多預覽五頁，下載文檔查看全文
    侵權申訴

    此文檔下載收益歸作者所有

    當前文檔最多預覽五頁，下載文檔查看全文
    溫馨提示：
    1. 部分包含數學公式或PPT動畫的文件，查看預覽時可能會顯示錯亂或異常，文件下載后無此問題，請放心下載。
    2. 本文檔由用戶上傳，版權歸屬用戶，天天文庫負責整理代發(fā)布。如果您對本文檔版權有爭議請及時聯(lián)系客服。
    3. 下載前請仔細閱讀文檔內容，確認文檔內容符合您的需求后進行下載，若出現內容與標題不符可向本站投訴處理。
    4. 下載文檔時可能由于網絡波動等原因無法下載或下載錯誤，付費完成后未能成功下載的用戶請聯(lián)系客服處理。
    相關標簽