1

私は2つのDNDコンテナを持っています。SourceContainerとTargetContainerSourceContainerにはいくつかのjsonデータがあります。

Apple 
Orange 
Banana

次のJsonを使用します。

var json = {"fruits": [
           {"fruitId": 1, "fruitName": "Apple", "fruitDesc": "This is an Apple"},
           {"fruitId": 2, "fruitName": "Orange", "fruitDesc": "This is an Orange"},
           {"fruitId": 3, "fruitName": "Banana", "fruitDesc": "This is a Banana"}
        ]
    };

var results="";
   for(var i=0;i<json.fruits.length;i++){
     results += '<div class="dojoDndItem ">' + '<span style="visibility: hidden">' + json.fruits[i].fruitId + '</span>' + json.fruits[i].fruitName  + '</div>';
   }

私のSourceContainer 

<div><label>Fruits</label></div> 
<div dojoType="dojo.dnd.Source" id="source1" copyonly="false" delay="8" class="container dojoDndSource dojoDndTarget dojoDndContainer">
<div dojoType="dojo.dnd.Source" ></div> results </div>

私のTargetContainer

<div><label>Basket</label></div>
<div dojoType="dojo.dnd.Source"  id="source2" copyonly="false" descending="true" delay="8" class="container dojoDndSource dojoDndTarget dojoDndContainer">
<div dojoType="dojo.dnd.Source" ></div>
</div>

<button id="toJsonBtn" data-dojo-type="dijit.form.Button" type="button">ToJson</button>

ここで、「Apple」とバナナをTargetContainerにドラッグしてボタンをクリックすると、TargetContainerのデータをJsonで変換する必要があります。

そうするためのアイデア。助けに感謝します。ありがとうございました

注： JQueryを使用しないように強制します:(

4

1 に答える 1

0

私はそれを解決する方法を考え出しました。以下は、誰かが興味を持った場合の解決策です。

私たちのJson 

var json = {"fruits": [
               {"fruitId": 1, "fruitName": "Apple", "fruitDesc": "This is an Apple"},
               {"fruitId": 2, "fruitName": "Orange", "fruitDesc": "This is an Orange"},
               {"fruitId": 3, "fruitName": "Banana", "fruitDesc": "This is a Banana"}
            ]
        };

ターゲットコンテナ内のアイテム

Apple 
Orange 
Banana

ターゲットコンテナを作成する

var fruitListContainer = new dojo.dnd.Source("fruitNode");

dojo.connect(dojo.byId('toJsonBtn'), 'onclick', function() {
  var target_container = fruitListContainer.getAllNodes();
  var fruit_arr = [];
  for(var i=0;i<target_container.length;i++){
      var fruit_results = target_container[i].childNodes[0].nodeValue;
      roles_arr.push(fruit_results);
  }
var result={};
result["fruits"]=fruit_arr;
alert(JSON.stringify(result));

そして、アラート出力は次のようになります（これは必須です）。

{"fruits":["Apple","Orange","Banana"]}

注： 説明が必要な場合は、喜んでサポートさせていただきます。

于 2012-05-14T07:31:26.617 に答える