[ExtJS] list dataview 模板 內容居中

在extjs 使用dataview 或list時，常用的模板，想要模板裏內容呈現一行垂直居中

{
    xtype:'list',
    itemContentCls: 'x-layout-box x-align-center',
     itemTpl: [
                '<span class="x-fa fa-bar-chart"></span>',
                '<span>{MenuName}</span>'
     ]
}

itemContentCls 就是 給 listitem的 innerHtmlElement 元素(即.x-innerhtml) 添加樣式

x-layout-box ：

使x-innerhtml標籤 啓用 display:flex

x-align-center:

啓用 align-items:center