Refresh (invalidate, repaint, redraw) one row

2 posts, 1 answers
  1. Matjaz
    Matjaz avatar
    94 posts
    Member since:
    Jun 2014

    Posted 07 Apr 2015 Link to this post

    I am using tree list for internal messaging on my web page. If message is unread I mark entire row with bold. (I use column.template.):


    columns: [
                        field: 'subject', title: Translate.Messages.Subject, template: '#if (!readed) {# <strong> #: subject #</strong># } else { # #: subject # #}#'

    On click I show message details at the same time I would like to mark row as readed (remove strong). Is there an easy way to repaint/redraw one row. Of course I would first edit appropriate dataItem.

  2. Answer
    Alex Gyoshev
    Alex Gyoshev avatar
    2527 posts

    Posted 09 Apr 2015 Link to this post

    Hello Matjaz,

    You can use the setter of the row dataItem in the change event:

      change: function(e) {
        var dataItem = this.dataItem(;
        dataItem.set("read", true);

    See this Dojo snippet for a working example.

    Alex Gyoshev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top