"list in list"（ネストされたリスト）のDojoドラッグアンドドロップ

Question

私は以下のHTMLを持っています。私はdojoドラッグアンドドロップを使用して属性をソートし、 を別のセクションにドロップします。しかし、どのようにセクションを並べ替えることができますか？それは私が作成したものを、私に仕事をdoesnt：

<ul accept="section" data-dojo-type="dojo.dnd.Source" class="container dojoDndSource"> 

    <li id="section1" class="dojoDndItem" dndtype="section"> 
    <ul accept="attribut" data-dojo-type="dojo.dnd.Source" class="container dojoDndSource"> 
     <li dndtype="attribut" id="attribut1"></li> 
     <li dndtype="attribut" id="attribut2"></li> 
     <li dndtype="attribut" id="attribut3"></li> 
    </ul> 
    </li> 

    <li id="section2" class="dojoDndItem" dndtype="section"> 
    <ul accept="attribut" data-dojo-type="dojo.dnd.Source" class="container dojoDndSource"> 
     <li dndtype="attribut" id="attribut1"></li> 
     <li dndtype="attribut" id="attribut2"></li> 
     <li dndtype="attribut" id="attribut3"></li> 
    </ul> 
    </li> 

</ul> 

Answer 1

は、あなたが何をしたいか、このです：同じリストに、それ自体で、内側のリスト項目を移動し、また、リストからリストに。また、2つの外側のリストを動かそうとしています。もしそうなら、これを試してみてください。

<style> 
.container { 
    width: 50%; 
} 
</style> 

<ul accept="section" data-dojo-type="dojo.dnd.Source" class="container dojoDndSource"> 
    <li id="section1" class="dojoDndItem" dndtype="section"> 
    <ul accept="attribut" data-dojo-type="dojo.dnd.Source" class="container dojoDndSource"> 
     <li class="dojoDndItem" dndtype="attribut" id="attribut1">one</li> 
     <li class="dojoDndItem" dndtype="attribut" id="attribut2">two</li> 
     <li class="dojoDndItem" dndtype="attribut" id="attribut3">three</li> 
    </ul> 
    </li> 

    <li id="section2" class="dojoDndItem" dndtype="section"> 
    <ul accept="attribut" data-dojo-type="dojo.dnd.Source" class="container dojoDndSource"> 
     <li class="dojoDndItem" dndtype="attribut" id="attribut4">four</li> 
     <li class="dojoDndItem" dndtype="attribut" id="attribut5">five</li> 
     <li class="dojoDndItem" dndtype="attribut" id="attribut6">six</li> 
    </ul> 
    </li> 
</ul> 

私が行った変更は、次のとおりです。

• は、第二のリスト内の重複するIDを修正しました。
• 'コンテナ'クラスの幅を100％未満に設定します。これにより、リスト全体に を取り込む場所が与えられます。リストアイテム
• "dojoDndItem"クラスを追加して内部リスト項目をドラッグ可能にしました。