機械翻訳について

表でのテキスト選択の有効化

ユーザーが表のテキストを選択してコピーできるようにするには、user-select:textスタイルを行またはセル・テンプレートに追加します。

ノート:

テキスト選択を有効にした場合、表のドラッグ・アンド・ドロップ機能も有効にできません。

1. ページ・デザイナで、表を選択し、「コード」ビューに切り替えます。
2. user-select:textスタイルを行またはセル・テンプレートに追加します。 行全体のテキストを選択するには、<tr>要素にuser-select:textを追加します。次に例を示します:

   <template slot="rowTemplate">
     <tr style="user-select:text">  data-oj-as="row"
        <td>    
           <oj-bind-text value="[[row.data.EmployeeId]]"></oj-bind-text>               
        </td>
        ... 
     </tr>
   </template>

   ノート:

   インライン・スタイルは推奨されず、監査でフラグが付けられる場合があります。 可能な場合は、このスタイル設定をアプリケーションのCSSファイルにカスタム・クラスとして実装します。

   個々のセルのテキストを選択するには、user-select:textスタイルをセル・テンプレートに追加します。 セル・テンプレートで<oj-bind-text>要素を使用する場合は、そのバインディングを<span>要素でラップし、そのスパンにスタイル・クラスを追加します。たとえば:

   <template slot="departmentCellTemplate4">
     <span style="user-select:text"> 
         <oj-bind-text value="[[ $current.data.items[0] ? $current.data.items[0].department : undefined ]]"></oj-bind-text>
     </span>
   </template>

   表内のテキストを選択してコピーできるようになりました。