Javascript 如何为Extjs中的长文本向面包屑导航工具栏添加省略号

我有一个ext.js应用程序，其中我有一个面包屑工具栏，它显示一个带有完整选择路径的文档标题。我的问题是如何截断文档的长标题。

这段代码填充了上面显示的工具栏，我无法找到截断文档标题的方法。我试着把风格放在主视图中，但没有成功

生成的HTML

---

国际食品添加剂委员会食品添加剂和GRAS物质良好生产规范质量保证审计指南

你看过这篇文章了吗？ext js breadCrumbToolbar.setSelection（dRecord）中如何设置完整的路径，这意味着我必须从dRecord中获取标题并将其截断并设置回原处。我可以获取标题dRecord.data.title，但如何在选择之前将其设置为dRecord。基本上需要使用任何方法将其设置回数据。我不知道extjs（否则我会发布一个“答案”）。从概念上讲，我将检查从breadCrumbToolbar.setSelection（）发出的元素和类，并应用真正的省略号支持所需的3键或4键样式。如果您使用该调用产生的HTML更新您的问题，我将为您提供所需的CSS（如果可能）；-）用生成的HTML代码更新帖子。你看过这篇帖子吗？ext js breadCrumbToolbar.setSelection（dRecord）中如何设置完整的路径，这意味着我必须从dRecord中获取标题并将其截断并设置回原处。我可以获取标题dRecord.data.title，但如何在选择之前将其设置为dRecord。基本上需要使用任何方法将其设置回数据。我不知道extjs（否则我会发布一个“答案”）。从概念上讲，我将检查从breadCrumbToolbar.setSelection（）发出的元素和类，并应用真正的省略号支持所需的3键或4键样式。如果您使用该调用产生的HTML更新您的问题，我将为您提供所需的CSS（如果可能）；-）使用生成的HTML代码更新post。

var nStore = breadCrumbToolbar.getStore();
var dRecord = nStore.findRecord('id', pubId+'_'+docId);

 if(dRecord) {
     breadCrumbToolbar.suspendEvent('change');
     breadCrumbToolbar.setSelection(dRecord);
     breadCrumbToolbar.resumeEvent('change');
}