Javascript 如何以编程方式在EXTJS中更改树列表中的rowcl？

我有一个树列表，其中包含使用rowcl的子节点，如：

root: {
        expanded: true,
        children: [
            {
                text: 'Menu 1',
                iconCls: 'x-fa fa-user',
                viewType: 'view1',
                rowCls: 'nav-tree-badge nav-tree-badge-hot',                
                leaf: true
            },
        ]
    }

要显示徽章，CSS如下所示：

.nav-tree-badge:after {
    position: absolute;
    height: 18px;
    width: 3.3em;
    display: inline-block;
    text-align: center;
    top: 50%;
    left: 30%;
    margin-top: -9px;
    right: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    line-height: 18px;
}

.nav-tree-badge-hot:after {
    content: 'Text 1';
    background-color: #e3495a;
}

我想通过编程更改badge中的文本。如何在EXTJS中实现它