2016-12-02 37 views
0

我正在尋找一種方法,讓用戶有可能建立自己的頁面,包括一個菜單。因此,我想給他們做圖形化的可能性,所以他們可以添加一個菜單項,可以看到一個小預覽它的外觀。菜單然後必須在相關的用戶標識下的數據庫中... ... 。Laravel菜單生成器爲用戶

如何實現這樣的功能,或者如何搜索教程?沒有發現什麼,這就是我需要的..

我使用Larvavel 5.3,也許這將有助於更容易.. jQuery的也可以..

請不要downvote因爲我有沒有發佈代碼,因爲這是事實,我還沒有代碼,因爲我不知道如何開始使用這個「圖形生活館」。

+0

您可能需要查看Jquery拖放功能。所以你可以有一個菜單列表,然後用戶可以拖動到另一端作爲預覽 – Michel

+0

@Michel然後用戶可以簡單地添加項目,對它們進行排序,並且我有機會將它們保存到db中嗎? – nameless

+0

@Michel關於jQuery的droppable我發現這個小提琴(http://jsfiddle.net/karim79/MvnEv/),在那裏你可以添加項目,你知道如果還有功能來添加後編輯項目,刪除它們等。 。? – nameless

回答

0
<!DOCTYPE HTML> 
<html> 
<head> 
<script> 
function allowDrop(ev) { 
    ev.preventDefault(); 
} 

function drag(ev) { 
    ev.dataTransfer.setData("text", ev.target.id); 
} 

function drop(ev) { 
    ev.preventDefault(); 
    var data = ev.dataTransfer.getData("text"); 
    //So you have what user sent here as "**data**" You can use that to make an AJX call 
    ev.target.appendChild(document.getElementById(data)); 
} 
</script> 
</head> 
<body> 

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div> 

<img id="drag1" src="img_logo.gif" draggable="true" 
ondragstart="drag(event)" width="336" height="69"> 

</body> 
</html> 

記住JQuery需要拖放。

+0

你能提供一個小提琴,所以我可以看到它做了什麼,它是如何工作的?什麼jQuery的拖放你的意思是什麼?並且我可以更改您的示例中的菜單項嗎? – nameless