Skip to main content

Service Portal: A widget with tabs instead of side menu, for SC Categories

[ code is not yet quite working for the sub-arrays, look at widget "SC Categories" and try to incorporate for the sub category lookups ]



HTML:

<div class="banner-blue"> <ul class="nav nav-tabs"> <li class="dropdown" ng-repeat="parentcategory in ::data.parentCats" > <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)"> {{parentcategory.title}} <span class="caret"></span> <ul class="dropdown-menu"> <li ng-repeat="childitem in c.childItems" color="black"><a color="black" href="javascript:void(0)">{{childitem.child_title}}</a></li> </ul> </a> </li> </ul> </div>








CSS:

div.banner-blue{ background-color:#145896; color:white; /*overflow:hidden;*/ width:100%; /*padding-left: 50px;*/ } a.dropdown-toggle{ color:white; } span.banner-blue{ background-color:#145896; color:white; }








client controller script

function($scope) { /* widget controller */ var c = this; c.parentCatArr=c.data.parentCats; c.childItems=[]; for (items in c.parentCatArr){ var subitems= c.parentCatArr[items].child_items; for (subitem in subitems){ var childItemsArr={}; childItemsArr.child_title=subitems[subitem].child_title+""; c.childItems.push(childItemsArr); } var childItemsArr={}; for (i = 0; i < subitems.length; i++){ //alert (subitems[i].child_title); } } }

















server script


(function() { /* populate the 'data' object */ /* e.g., data.table = $sp.getValue('table'); */ var sMsgPadder = "*********************************** MSG: "; var ga = new GlideAggregate('sc_category'); ga.addAggregate('COUNT', 'parent'); ga.addActiveQuery(); ga.addQuery('sc_catalog', '9f6ef0cddb028f80edfc7cbdae96ZZZZ');//--a catalogue ga.addNotNullQuery('parent'); ga.addHaving('COUNT', '>', 0); ga.query(); data.parentCats = []; while (ga.next()) { var objParCatsArr = {}; objParCatsArr.title = ga.getElement('parent.title') + ""; var parSYSID= ga.getElement('parent.sys_id') + ""; objParCatsArr.sys_id = parSYSID; var arrChildItems = []; var grCats = new GlideRecord('sc_category'); grCats.addQuery('parent', parSYSID); grCats.addActiveQuery(); grCats.query(); while (grCats.next()) { var objSubItem= {}; objSubItem.child_title=grCats.title+""; objSubItem.child_sys_id=grCats.sys_id+""; arrChildItems.push(objSubItem); } objParCatsArr.child_items = arrChildItems; data.parentCats.push(objParCatsArr); } })();


Comments

Popular posts from this blog

URL link in addInfoMessage

var ga=new GlideAjax('gld_HR_ajax'); ga.addParam('sysparm_name', 'checkEmployeeNumber_hrProfile'); ga.addParam('sysparm_hrprofilenumber', g_form.getValue('number')); ga.addParam('sysparm_employeenumber', newValue); ga.getXMLAnswer(function(answer) { if (answer!='undefined' && answer!=''){ var navURL="<a style='text-decoration:underline;color:blue' href=hr_profile.do?sysparm_query=number=" + answer + ">" + answer + "</a><img width='3' src='images/s.gif'/>"; var sMsg='The employee number entered already exists on another HR Profile ' + navURL; //alert(sMsg); g_form.showErrorBox('employee_number', 'error - please check'); g_form.addInfoMessage(sMsg); } });

GlideRecord setValue

setValue(String name, Object value) Sets the specified field to the specified value. Normally a script would do a direct assignment, for example,  gr.category = value . However, if in a script the element name is a variable, then  gr.setValue(elementName, value)  can be used. When setting a value, ensure the data type of the field matches the data type of the value you enter. This method cannot be used on journal fields. If the value parameter is null, the record is not updated, and an error is not thrown https://developer.servicenow.com/app.do#!/api_doc?v=madrid&id=r_GlideRecord-setValue_String_Object