Javascript question

Thomas_Stromberg

Hi i am working on a solution to send out an email to all child WI from the parent WI. And i have come across an issue.

In order to get the email-addresses from all child objects i need to have the pageForm.viewModel.RequestedWorkItem.BaseId information from each child WI. However that information is not available in the pageForm.viewModel.ChildWorkItem

Now to the question. Is it possible to open up a new viewModel based on baseId from the ChildWorkItem so i can access the RequestedWorkItem.BaseId?

seth_coussens

Using the Cireson API, this is entirely possible, though you won't actually be opening up a new 'viewModel'. What you can do is pull the required object from the API using a type projection.

For some basic information on type projections look here: https://blogs.technet.microsoft.com/servicemanager/2011/09/19/having-more-fun-with-type-projections-using-objectprojectioncritera/

Now all you need is the ID value of the type projection that you wish to use. The type projection should contain all of the relationships that you will need when working with this object, and shouldn't contain any more than necessary for performance reasons.

You can then use the Cireson api end point /api/V3/Projection/GetProjection or GetProjectionByCriteria.

Documentation on how to use these end points can be found by going to http://myportaladdress/help

Using these you can actually pull the full object with all properties and any desired relationship objects (determined by the type projection you use). We have a few examples that utilize the API over in our downloads section here on the Community.

seth_coussens

Something to be aware of is that the call you are making is actually an asynchronous call. So you can't immediately use the variable after calling the ajax function, as it has to make the request and pull back the data. This will take longer than the code to move to the next line. You can change this in the function to make the call synchronously, or you can modify your code to make it work with the asynchronous call.

The easiest way to work with an asynchronous call is to put all your code inside the success function.
 

success: function (data){    myObj = data;    var someValue = myObj.SomeValue;    function(someValue){        //do something cool with someValue    }}

seth_coussens

Using the Cireson API, this is entirely possible, though you won't actually be opening up a new 'viewModel'. What you can do is pull the required object from the API using a type projection.

For some basic information on type projections look here: https://blogs.technet.microsoft.com/servicemanager/2011/09/19/having-more-fun-with-type-projections-using-objectprojectioncritera/

Now all you need is the ID value of the type projection that you wish to use. The type projection should contain all of the relationships that you will need when working with this object, and shouldn't contain any more than necessary for performance reasons.

You can then use the Cireson api end point /api/V3/Projection/GetProjection or GetProjectionByCriteria.

Documentation on how to use these end points can be found by going to http://myportaladdress/help

Using these you can actually pull the full object with all properties and any desired relationship objects (determined by the type projection you use). We have a few examples that utilize the API over in our downloads section here on the Community.

Thomas_Stromberg

Thanks for the response, i manage to pull the information i wanted using the API. However i have done this using the debug console in Chrome and that works fine and so. But when i add it to custom.js the data does not seems to be pulled. 

From what i understand when using the custom task i do not need to add api tokens or so?

The code looks like this.

var IncidentID = pageForm.viewModel.ChildWorkItem[0].Id
var myJason;
$.ajax({
//alert("Incident ID" + IncidentID)
url: "/api/V3/Projection/GetProjection?id=" + IncidentID + " +&typeProjectionId=2d460edd-d5db-bc8c-5be7-45b050cba652",
type: "GET",
success: function (json) {
myJason = json;
}
});

In Crome i can access the myJason information with no problem with this myJason.RequestedWorkItem.BaseId
and in the portal i get this error. 
Uncaught TypeError: Cannot read property 'RequestedWorkItem' of undefined

It's the exact same code just ran two different ways. 

seth_coussens

You need to convert the json to an object based on the code I see above. Currently it's returned as JSON which is actually just text. Chrome does some formatting on it for you visually, but as far as the code is concerned it's still just text.

success: function (data) {   myObject = JSON.parse(data);}

Thomas_Stromberg

From what i can see i cannot parse it due to the fact it's already a object. I can turn it to a string without any problem. 

I get this when i try to convert it to an object.

Uncaught SyntaxError: Unexpected token o in JSON at position 1

seth_coussens

Sorry, you are correct. jQuery will bring the data back as an object already. The next step is to see if the information you are looking for exists in the data that is coming back.

You can do that by pushing the data out to the console so you can see what is being returned:

success: function (data){   console.log(data);}

Thomas_Stromberg

Yep, i do get the correct information. But i can't use it outside Chrome debugging It seems that my variable does not save the data when running outside the debugging tool. 

seth_coussens

Something to be aware of is that the call you are making is actually an asynchronous call. So you can't immediately use the variable after calling the ajax function, as it has to make the request and pull back the data. This will take longer than the code to move to the next line. You can change this in the function to make the call synchronously, or you can modify your code to make it work with the asynchronous call.

The easiest way to work with an asynchronous call is to put all your code inside the success function.
 

success: function (data){    myObj = data;    var someValue = myObj.SomeValue;    function(someValue){        //do something cool with someValue    }}

Thomas_Stromberg

Aha, i think you just solved my problem. That explains why i could not use it. Will create some functions to fix the code.