Redirect to new lightning page be clicking button. Setting parameters to component in new page

Question

I have lightning component which I put into lightning page using App Builder. The component display table with field history tracking like in the Salesforce Classic. Also there is a button on component: "Go to all history records". If user clicks it, he must see new lightning page with ONLY my component (and also I must say to component, that it need to display, for example, 1000 records, and to say to it id of sobject, which history user were looked on previous page). All this stuff stored in attribute in component. So, I need to redirect to new page with only my component and set attributes, when user click button on page. I have read about this already:

var urlEvent = $A.get("e.force:navigateToURL");
urlEvent.setParams({
   "url": someurl   
});
urlEvent.fire();

But I don`t know, how to set parameters to component in new page. Please, help solve this problem.

Answer 1

Ideally from winter 17 release you should be able to use the new event force:navigateToComponent to achieve the Navigation with passing Ids or other attributes between two components .

For now you can simply pass the parameters via query variables like below

var urlEvent = $A.get("e.force:navigateToURL");
 urlEvent.setParams({
   "url": someurl + 'id=xyz' + '&var1=xyz' ;
 });
urlEvent.fire();

And then in the destination component you can use window.location.href to fetch the key values .

The JS function in the helper will be like below

function getParam(param) {
   var url =   window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i=0;i<url.length;i++) {
      var params = url[i].split("=");
      if(params[0] == param)
       return params[1];
      }
  return false;
 }

You will just pass the key and retrieve value from the URL.