大文本显示为。。。。。在SAPUI5

大文本显示为。。。。。在SAPUI5,sapui5,Sapui5,我在IconTabBar的每个选项卡中都会显示一个大文本 一切正常 但是,文本并没有完全显示出来。 问题:“要显示的我的大文本”显示为“我的大文本…” 我在开发者网站上找不到任何解决方案。有什么方法可以显示完整的文本而不是 有三种方法可以定义IconTabFilter来显示文本 无图标:显示长文本 图标和水平设计:为文本提供更多空间,仍然显示。。。如果文本很长 具有图标和垂直设计:使用最小水平空间 请检查并运行代码段以查看不同的显示效果 sap.ui.controller(“test.cont

我在IconTabBar的每个选项卡中都会显示一个大文本

一切正常

但是,文本并没有完全显示出来。 问题:“要显示的我的大文本”显示为“我的大文本…”


我在开发者网站上找不到任何解决方案。有什么方法可以显示完整的文本而不是

有三种方法可以定义IconTabFilter来显示文本

  • 无图标:显示长文本
  • 图标和水平设计:为文本提供更多空间,仍然显示。。。如果文本很长
  • 具有图标和垂直设计:使用最小水平空间
  • 请检查并运行代码段以查看不同的显示效果

    sap.ui.controller(“test.controller”{
    });
    var oView=sap.ui.xmlview({
    viewContent:jQuery(“#view1”).html()
    });
    oView.placeAt(“内容”)
    
    如果与图标结合使用,图标过滤器的文本将显示省略号。 可以只使用文本,不使用图标,这样就根本没有截断。 如果使用文本和图标,垂直设计只允许非常短的文本,水平设计允许更长的文本,但在几个字符后文本仍将被截断

    由于icontabar是一个sap.m控件,它也被设计为在移动设备上运行,因此存在截断

    如果要使用图标+文本,还可以为仍然过长的文本设置工具提示

    如果你真的想有图标+长文本,你可以覆盖css样式,这些样式被设置为获得这种行为

    这将是以下规则:

    .sapMITBFilter .sapMITBText {
    width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    

    但是请注意,如果您更改css,可能会有其他问题,而且css将来可能会更改。

    Allen,您注意到了吗。。。在第四个IconTabBar中的IconTabFilter之后。有没有办法摆脱。。。并显示完整的文本?嗨,对于水平设计,它仍然显示。。。如果很长的文本超出了空格。如果您真的想显示整个文本,请不要使用图标。