I am trying to create multiple <sn-record-picker> objects using an ng-repeat, however it seems that the typical way to uniquely track certain fields within your ng-repeat using ng-model and the $index to specify which object inside the array you are ng-repeat'ing through is not supported.
You are just left with the 'field' attribute, which is a JavaScript object consisting of "displayValue", "value" and "name".
Source: https://community.servicenow.com/community?id=community_blog&sys_id=54bde6a9dbd0dbc01dcaf3231f96193f
I have no trouble using the <sn-record-picker> as a standalone object, because that field object can be set to a controller in the client script as shown in the link above. My troubles arise when I need to access a certain <sn-record-picker> object uniquely created in the ng-repeat. The requirement is that as many Contacts as the User needs can be created, and are stored inside an array called c.data.alternate_contacts. The <sn-record-picker> simply references the 'sys_user' table and I would like to return the sys_id in the 'value' attribute of the record picker object.
HTML Template:
<div class="row" ng-repeat="item in data.alternate_contacts track by $index">
<div class="col-md-4 p4p-form--block">
<label>Contact Name<font color="#ff0000">*</font></label>
<sn-record-picker multiple="false" class="treas-record-picker" field="c.contact_name" table="'sys_user'" display- field="'name'" value-field="'sys_id'" search-fields="'name'" page-size="150" ></sn-record-picker>
</div>
</div>
The issue with using the controller Client Script provided in the link above:
$scope.location = {
displayValue: c.data.loc.name,
value: c.data.loc.sys_id,
name: 'location'
};
$scope.$on("field.change", function(evt, parms) {
if (parms.field.name == 'location')
c.data.setLocation = parms.newValue;
c.server.update().then(function(response) {
spUtil.update($scope);
})
});
Is that this only tracks one specific <sn-record-picker> object where the field is known (field='location'), however I need to come up with a way to be able to reference multiple unique <sn-record-picker> objects with unique field values and track the value stored in each one within the array of objects being stored in the ng-repeat data array.
So my question is, can this be done using the field attribute of <sn-record-picker>? Or if there is a more feasible option, I am open to any and all suggestions.
Hi Jeremy,
I hope you're doing well, took a bit of a break from this piece of work.
So things have moved on and I am now using a select, its almost done but I have one last piece to resolve which is probably the hardest bug so reaching out for help.
So I managed to get further with the cart and had the requested for field set to the logged in user which was fine, they could change the name the hardware was for which then updated the cart database.
The problem arises if the user disappears or refreshes the browser, the fields would show the logged in user but behind the scenes it would show the correct person in the database so this could be confusing for the user... always like to find a way to break our systems.
I have managed to get the sysid and display name of the requested for fields using your code above from the "sc_item_option" table.
Server:
data.items = [];
var grReqFor = new GlideRecord('sc_item_option');
grReqFor.addEncodedQuery('cart_item!=NULL^sys_updated_by='+data.email+'^item_option_new=7fb90fd513b467003f035dcf3244b0e4');
grReqFor.query();
while(grReqFor.next()) {
var item = {};
var grDisplayName = new GlideRecord('sys_user');
grDisplayName.get('sys_id', grReqFor.value);
item.value = grDisplayName.sys_id.toString();
item.displayValue = grDisplayName.name.toString();
data.items.push(item);
}Result:
My problem is in the client script, I keep getting the error:
TypeError: c.addContact is not a function
at api.controller.sc-shopping-cart-newv3 (sc-shopping-cart-newv3.js:10:7)Client Side Code:
var itemLength = c.data.items.length;
for (var y = 0; y < itemLength ; y++) {
c.addContact(c.data.items[y].value, c.data.items[y].displayValue);
}
/* Function to create unique controller using loop */
c.addContact = function(val, dVal) {
/* Multiple Unique controllers */
c.data.alternate_contacts.push({
value: val,
displayValue: dVal,
name: 'contact'
});
}
$scope.userModel = $scope.data.alternate_contacts;Here is the HTML code if you need it, the select are inside an ng-repeat for the number of cart items, so in this case their would be 2 Requested For fields and 2 Addresses.
What I want to try and achieve is the requested for fields to show the correct user from the database for each piece of hardware:
<select ng-model="userModel" name="userModel_desktop{{$index}}" ng-options="userModel.name for userModel in data.userList track by userModel.sys_id"
ng-change="c.updateRequestedFor(item.sys_id, userModel.sys_id)" id="userModel_desktop{{$index}}" class="dropdown pull-right hidden-xs" style="height: 30px; width: 235px" required>
</select>
<select ng-model="address" name="address_desktop{{$index}}" ng-options="address.name for address in data.userAddress | filter:{u_active_address:'true'} track by address.name"
ng-change="c.updateAddress(item.sys_id, address.value)" id="address_desktop{{$index}}" class="dropdown pull-right hidden-xs" ng-class="{address_invalid_desktop: myForm['address_desktop' + $index].$invalid, address_valid_desktop: myForm['address_desktop' + $index].$valid}" required>
<option style="display:none" value="">Select a Address</option>
</select>Hopeful outcome:
Any suggestions and I would be grateful
Kind Regards
Ashley
