jquery easyui學(xué)習(xí)教程

jquery easyui學(xué)習(xí)教程

ID：13475685

大小：1.75 MB

頁數(shù)：128頁

時(shí)間：2018-07-22

jquery easyui學(xué)習(xí)教程_第1頁
jquery easyui學(xué)習(xí)教程_第2頁
jquery easyui學(xué)習(xí)教程_第3頁
jquery easyui學(xué)習(xí)教程_第4頁
jquery easyui學(xué)習(xí)教程_第5頁
資源描述：

《jquery easyui學(xué)習(xí)教程》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、教程概述這個(gè)教程的目的是說明如何使用easyui框架容易的創(chuàng)建網(wǎng)頁。首先，你需要包含一些js和css文件：easyui預(yù)定義了一些圖標(biāo)css，這些css類可以顯示圖片背景（16×16）

2、。使用這些類之前，需要包含：內(nèi)容1.拖放o基本拖放o創(chuàng)建購物車式拖放o創(chuàng)建課程表基本拖放這個(gè)教程顯示如何使HTML元素變得可拖放。這個(gè)例子會(huì)創(chuàng)建3個(gè)DIV元素然后讓它們變得可拖放。首先，創(chuàng)建三個(gè)DIV元素：

讓第一個(gè)DIV元素可拖放，使用默認(rèn)的拖放樣式。$('#dd1')

3、.draggable();讓第二個(gè)DIV元素使用proxy來拖放，proxy:'clone'表示proxy使用原始元素的復(fù)制。$('#dd2').draggable({proxy:'clone'});讓第三個(gè)DIV元素使用自定義proxy來拖放$('#dd3').draggable({proxy:function(source){varp=$('proxy

');p.appendTo('body');returnp;}});構(gòu)建購物車型拖放使用jQueryeasyui，我們?cè)趙eb應(yīng)用中就有了拖放的能力。這個(gè)教程顯示了如何構(gòu)建購物車頁，它使用戶拖

4、放他們希望購買的產(chǎn)品，更新購物籃的物品和價(jià)格。顯示產(chǎn)品頁：

  • Balloon

    Price:$25

  • Feeling

    Price:$25

    • ul元素包含一些li元素以顯示產(chǎn)品。每一個(gè)產(chǎn)品的名稱和

    5、單價(jià)屬性在P元素中。創(chuàng)建購物車：

    ShoppingCart

    NameQuantityPriceTotal:

    6、$0

    Dropheretoaddtocart

    使用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('options').cursor='move';}}

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

    當(dāng)前文檔最多預(yù)覽五頁，下載文檔查看全文

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

    當(dāng)前文檔最多預(yù)覽五頁，下載文檔查看全文
    溫馨提示：
    1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件，查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常，文件下載后無此問題，請(qǐng)放心下載。
    2. 本文檔由用戶上傳，版權(quán)歸屬用戶，天天文庫負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭議請(qǐng)及時(shí)聯(lián)系客服。
    3. 下載前請(qǐng)仔細(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)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。