パイプとアンダーライン番号

Question

だから私は数字があると言うことができます19356私はそれが1 | 9 | 3 | 5 | 6のように見えるようにしたいとまた、すべての下線を引いてください。番号を壊してパイプと下線を付け加えることなくこれを可能にしますか？また、それは数字の間の単なる線のようなパイプである必要はありません。

Answer 1

解決方法があります。 sap.m.FormattedTextを拡張し、必要な機能を以下のように処理することで実現できます。

私は以下のように名前SpecialFormattedTextとSpecialFormattedTextRendererで2つのファイルを作成します。

これは、数値で作業したいので、FormattedTextを拡張し、int型の数値という1つのクラスを持つので、intデータ型を選択します。私たちが必要とFormattedTextののhtmlTextに設定し、数で元の値を維持するよう

sap.ui.define(["sap/m/FormattedText"], function (FormattedText) { 
    "use strict"; 
    return FormattedText.extend("SpecialFormattedText", { 
     metadata : { 
      properties : { 
       number : { 
        type : "int", defaultValue : null 
       } 
      } 
     }, 
     setNumber : function(iMumber) { 
      this.setProperty("number", iMumber, true); 
      this.setProperty("htmlText", this._getUpdatedNumber(iMumber), true); 
     }, 
     _getUpdatedNumber : function(iMumber) { 
      return "<U>"+iMumber.toString().match(/.{1}/g).join('|')+"</U>"; 
     } 
    }); 
}); 

は、ここで私は入力を変換します。そして、getNumberメソッドを使って元の値を得ることができます。SpecialFormattedTextクラスオブジェクト。

次に重要なのは、SpecialFormattedTextRendererという名前の他のクラスにレンダラーを作成することです。このクラスでは、次のようにsap.m.FormattedTextRendererクラスレンダラーメソッドを呼び出します。

sap.ui.define(["sap/m/FormattedTextRenderer"], function (FormattedTextRenderer) { 
    "use strict"; 
    var SpecialFormattedTextRenderer = {}; 
    SpecialFormattedTextRenderer.render = function (oRM, oControl) { 
     oRM.write("<div"); 
     FormattedTextRenderer.render(oRM, oControl); 
     oRM.write("</div>"); 
    }; 
    return SpecialFormattedTextRenderer; 
},true);