Onclick of button data should be pushed in table format.

Sweenal
Tera Contributor

Hi All,

Please help me with this requirement:

1. Create Catalog item "Access Request" and Create variables as shown in the SS i.e. Category,Short Description, Incorrect Serial Number,Correct Serial Number.

2. Create Add button.

3. When clicked on Add button, data should be pushed in table in below format. (as seen in SS)

Hint - To create add button, use variable type - Custom. On that you need to create widget and add it in the variable's widget.

This should be done in service portal only. 

After inserting the data when clicked on add button the data should be pushed in table.

Thanks

Sweenal Umredkar

1 ACCEPTED SOLUTION

Ravi9
ServiceNow Employee
ServiceNow Employee

Here is a SAMPLE , you will have to take it from there and make it work accordingly though ! I will point out that you need to have portal experience one more time !

Widget HTML

<button type="button" class="btn btn-success" ng-click="c.add()">Add</button>
<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Name</th>
      <th scope="col">Age</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="item in c.storage track by $index">
      <th scope="row">{{$index}}</th>
      <td>{{item.name}}</td>
      <td>{{item.age}}</td>
    </tr>
  </tbody>
</table>

Widget Controller

api.controller = function ($scope) {
  /* widget controller */
  var c = this;
  c.storage = [];
  c.add = function () {
    // store only if button clicked
    c.storage.push({
      name: c.name,
      age: c.age,
    });
  };
  // look for changes !
  $scope.$watch(
    function () {
      return $scope.page.g_form.getValue("age");
    },
    function (age) {
      c.age = age;
      c.name = $scope.page.g_form.getValue("name");
    }
  );
};

How it looks

find_real_file.png

View solution in original post

24 REPLIES 24

Then in that case please create the Multi row variable set as suggested by Ankur

https://docs.servicenow.com/bundle/rome-servicenow-platform/page/product/service-catalog-management/concept/c_ServiceCatalogVariableSets.html

@Sweenal Umredkar 

Use can use MRVS to fill information

Now creating/pushing data into another table can be done via workflow run script

for that check this link for solution shared by me

How to store record producer Muti row variables set in custom table

If my response helped please mark it correct and close the thread so that it benefits future readers.

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect  ||  ✨ 9x ServiceNow MVP  ||  ✨ ServiceNow Community Leader

Hi,

 

I need to set these filled values in the below table by  clicking the add button and it should directly show in the table and the button should be created through widget.

For example i have attached the picture please go through it.

 

 

 

Thanks

Sweenal 

it won't be done when you click the button

You are using catalog item right?

there you can use multi row variable set and have workflow run script to create records in custom table

the script I already shared

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect  ||  ✨ 9x ServiceNow MVP  ||  ✨ ServiceNow Community Leader

Hi,

Yes I am doing it in catalog item.

But is there any solution that have do it using the widget.

Please tell if any solution as soon as possible.

 

Thanks

Sweenal