The CreatorCon Call for Content is officially open! Get started here.

Search Option in My newely created Widget

devservicenow k
Tera Contributor

I Have created a new widget 0401a.jpg0401b.jpg in this widget i have added Filter Option using search option,

in that search option i need to filter option to select any task  , how to set that?

@jaheerhattiwale  can you help me in this one?

1 ACCEPTED SOLUTION

@devservicenow k Tried and tested 100% working solution.

 

HTML script:

<div>
<div class="search-icon">
<input ng-model="c.keyword" type="text" placeholder="Search..">
<button type="button" ng-click="c.keywordSearch()"><i class="fa fa-search"></i></button>
</div>

<table class="table">
<tr>
<th>Number</th>
<th>Short Description</th>
</tr>
<tr ng-repeat="inc in data.incidents">
<td>{{inc.number}}</td>
<td>{{inc.short_description}}</td>
</tr>
</table>
</div>

 

Client script:

api.controller=function() {
/* widget controller */
var c = this;

c.keywordSearch = function(){
c.data.action = "keyword_search";
c.data.keyword = c.keyword;
c.server.update().then(function(resp){

})
}
};

 

Server Script:

(function() {
/* populate the 'data' object */
/* e.g., data.table = $sp.getValue('table'); */


data.incidents = [];
var inc = new GlideRecord("incident");
if(input && input.action=="keyword_search"){
inc.addQuery('123TEXTQUERY321', input.keyword);
}
inc.query();

while(inc.next()){
data.incidents.push({
"number": inc.number.toString(),
"short_description": inc.short_description.toString()
})
}
})();

 

 

Result:

Without search:

jaheerhattiwale_0-1672847215344.png

 

With search:

jaheerhattiwale_1-1672847244439.png

 

 

Note:

Replace the server side with your table and query

 

Please mark as correct answer if this solves your issue.

 

Please mark the answer as correct or helpful based on impact
ServiceNow Community Rising Star, Class of 2023

View solution in original post

33 REPLIES 33

What other filters mean?

Please mark the answer as correct or helpful based on impact
ServiceNow Community Rising Star, Class of 2023

Other filter option means we have used Search option for that widget, in addition to that Search option filter we need to add anyone different filter available in servicneow . 

in that particular widget need to have 3 diffrerent filters, already we have used search option filter,

now need to do 2 other filters. @jaheerhattiwale  please help me

Sorry i am not getting the requirement

Please mark the answer as correct or helpful based on impact
ServiceNow Community Rising Star, Class of 2023

I need like this another filter for that widgets0901a.jpg

so that this filter can be the 2nd filter can use it in the widget

is that possible to add this filter option in the widget @jaheerhattiwale 

cna you help me please