jQuery_EasyUI教程

jQuery_EasyUI教程

ID：46940594

大?。?.40 MB

頁數(shù)：128頁

時(shí)間：2019-11-30

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

《jQuery_EasyUI教程》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

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

3、v>

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

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

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

  • B

    5、alloon

    Price:$25

  • Feeling

    Price:$25

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

    ShoppingCart

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

    Dropher

    7、etoaddtocart

    使用datagrid顯示購物籃項(xiàng)目。拖曳產(chǎn)品副本$('.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';}});我們設(shè)置draggable屬性proxy為clone，所以拖曳元素使用clone效果。將選擇的產(chǎn)品放入購物車$('.cart').droppable({onDragEnter:function(e,source){$(source).draggable('options').cursor='auto';},onDragLeave:function(e,source){$(sourc

    當(dāng)前文檔最多預(yù)覽五頁，下載文檔查看全文
    侵權(quán)申訴

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

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