所謂放置，就是將一個(gè)物體放入一個(gè)物體內(nèi)，當(dāng)然對(duì)于easyui來(lái)說(shuō)觸發(fā)各種效果是必不可少的，同時(shí)這個(gè)組件也不會(huì)依賴(lài)于其他組件。

　　Droppable的加載方式

　　1,class  加載   一直不太喜歡class方式的加載  浪費(fèi)一個(gè)位置，代碼一多還看著亂七八糟的。

1 <div id='dd' class="easyui-droppable" data-options="accept:'#box,#pox'"></div>

　　2,js 加載調(diào)用

$("#box").droppable({    accept:'#pox',         //將元素pox 放置在元素box中});    

　　Droppable的屬性

　　　　1,accept 　　　　默認(rèn)為null,確定哪些元素被接受，也就是那個(gè)元素能被放置

$("#box").droppable({    accept:'#pox',         //將元素pox 放置在元素box中});   

　　　　2，deisabled　　默認(rèn)為false   如果為true，則禁止放置

$("#box").droppable({    accept:'#pox',         //將元素pox 放置在元素box中    disabled : true ,        //禁止放置});

　　Droppable 事件列表

　　1,onDragEnter  在被拖拽元素到放置區(qū)域內(nèi)的時(shí)候觸發(fā)

　　2,onDragOver 在被拖拽元素經(jīng)過(guò)放置區(qū)域的時(shí)候觸發(fā)

　　3,onDragLeave  在被拖拽元素離開(kāi)放置區(qū)域的時(shí)候觸發(fā)

　　4,onDrop  在被拖拽元素放入到放置區(qū)的時(shí)候觸發(fā)

1 onDragEnter /onDragOver/onDragLeave/onDrop: function (e,source){2     //source 參數(shù)獲取DOM元素3 }

　　Droppable 方法列表

　　1，options 返回屬性對(duì)象

console.log($('#box').droppable('options'));

　　2,enable,disable 和上面屬性的功能是一樣的  分別是啟用和禁止放置

$('#box').droppable('enable/disable')

easyui 1.3.5 Droppable 就此完結(jié)。

看PDF的時(shí)候覺(jué)得特別不對(duì)勁，原來(lái)是PDF錯(cuò)字了，真心坑 - -