Cxフレームワーク：NumberFieldでalign：rightとdecimal precisionを設定する方法

Question

IUがCxで実行されているプロジェクト、Frontend用フレームワークnew Reactに取り組んでいます。 https://cxjs.io/
私は、各列の上にフィルターフィールドを持つグリッドを持っています。
たとえば、これは番号列とフィールドです：

{ 
    field: 'score', sortable: true, 
    header: { 
     style: 'width: 150px', 
     items: <cx> 
      <div> 
       Score 
       <br /> 
       <NumberField style="width:100%;margin-top:5px" value:bind="$page.filter.score" 
        reactOn="enter blur"/> 
      </div> 
     </cx> 
    }, 
}, 

しかし、値が左側にあり、そして私は右のそれを必要とします。 グリッドとフィルターの両方のフィールド値を右側にしたいが、左側に列名を残しておきたい。それは通常Excelのようです。 小数点のカスタム番号を設定する方法も2ですか？

Answer 1

NumberFieldウィジェットを使用すると、入力エレメントのスタイルをinputStyleに設定することができます。書式設定はformatを使用して行います。グリッド列ヘッダーは、styleを使用して独自のスタイルを設定できます。心の中ですべてのことで

、それはこのようなものでなければなりません：

{ 
    field: "score", 
    sortable: true, 
    header: { 
     style: "width: 150px; text-align: left", 
     items: (
     <cx> 
      <div> 
      Score 
      <br /> 
      <NumberField 
       value:bind="$page.filter.score" 
       format="n;2" 
       style="width:100%;margin-top:5px" 
       inputStyle="text-align: right" 
       reactOn="enter blur" 
      /> 
      </div> 
     </cx> 
    ) 
    } 
    }