title: How to set selected row programmatically in Kendo Grid + Angular 4?
body: <p>I have app on Angular 4 + TypeScript + Kendo UI. Also I have a page with table of users. After editing user I want to highlight user by <strong>ID</strong> that I edited.</p>
  
  <pre><code>users: Observable&lt;Array&lt;User&gt;&gt;;
  selectedId: number;    
  gridView: GridDataResult;
  
  ngOnInit() {
      this.users = this.route.params
          .switchMap((params: Params) =&gt; {
              this.selectedId = +params['id'];
              return this.adminService.getUsers();
          });
      });
  }
  </code></pre>
  
  <p>Also I found in Kendo documentation event with "<em>index</em>" and "<em>selected</em>" fields:</p>
  
  <pre><code>selectionChange(event: SelectionEvent): void {
      //?
  }
  </code></pre>
  
  <p>I tried to call <code>selectionChange</code> programmatically in <code>ngOnInit</code> method:</p>
  
  <pre><code>this.selectionChange({ index: 1, selected: true });
  </code></pre>
  
  <p>But I don't know what to do to set selected row in <code>gridView</code> in body of <code>selectionChange</code> method.</p>
  
  <p>So, what should I do with <code>gridView</code> to select row? Or may be there is a simpler method to select row by <strong>ID</strong>.</p>