Question

I have a json as follow;

var jsonRoles = {"roles": [
                            {"roleId": 1, "roleName": "Admin", "roleDesc": "This is an Admin"},
                            {"roleId": 2, "roleName": "Manager", "roleDesc": "This is a Manager role"},
                            {"roleId": 3, "roleName": "User", "roleDesc": "This is a user role"}
                        ]
                    };

I want to insert the data in the dnd source programitacally, something like this;

var rolesItems = new Source("roleNode", { accept: [ "roleName"] });
            rolesItems .insertNodes(false, [
                { data: "Admin",     type: [ "roleName" ] },
                { data: "Manager",   type: [ "roleName" ] },
                { data: "User",      type: [ "roleName" ] }
            ]);
            rolesItems .forInItems(function(item, id, map){
                domClass.add(id, item.type[0]);
            });

How can I perform the task? Any idea?

Answer 1

I figured it out how to solve it. Below is the solution if some one interested;

//Json
var jsonRoles = {"roles": [
                  {"roleId": 1, "roleName": "Admin", "roleDesc": "This is an Admin"},
                  {"roleId": 2, "roleName": "Manager", "roleDesc": "This is a Manager role"},
                  {"roleId": 3, "roleName": "User", "roleDesc": "This is a user role"}
                 ]
               };

//Array for Roles
var roles_len = jsonRoles.roles.length;
var arr_roles = [];
var role_type = ["roles"];
for(var i=0;i<roles_len;i++){
   var obj_roles = {};
   obj_roles["data"] = jsonRoles.roles[i].roleName;
   obj_roles["type"] = [role_type[0]];
   arr_roles.push(obj_roles);
}

//Source Container (for dojo 1.6, for dojo 1.7 its different)
    var roleListContainer = new dojo.dnd.Source("roleNode", {accept: ["permissions","roles"]});
    roleListContainer.insertNodes(false, arr_roles);