0

編集可能モードのときにセルにカスタムエラーメッセージを追加する必要があります。基本的には、次のように編集可能なhtmlテンプレートにメッセージを追加するだけです

<a href=\'#\' data-toggle=\'tooltip\' data-placement=\'top\' title=\'error!\' ng-show=\'!inputForm.$valid\'>errMsg - {{customMsg}}</a>

テスト目的で customMsg をグローバルスコープにバインドしましたが、まだ表示されていないようです。サンプルプランカーがここに追加されました。ここで何が間違っているのか教えていただければ助かります

ありがとう

4

1 に答える 1

1

あなたはこの答えを見たいと思うかもしれません

https://stackoverflow.com/a/28127498/1585304

ui-grid を使用している場合、実際には分離されたスコープで作業しています。

これは、var の名前を html に入力するだけでは、親スコープにアクセスできないことを意味します。

customMsg 変数にアクセスするには、 grid.appScope を使用して親スコープを参照する必要があります。

列の定義は次のようになります。

 {
      field: 'company',
      displayName: 'Company',
      enableColumnMenu: false,
      editableCellTemplate: "<div><form name=\"inputForm\">
      <input type=\"INPUT_TYPE\" ng-class=\"'colt' + col.uid\" 
       ui-grid-editor ng-model=\"MODEL_COL_FIELD\"  minlength=3 
       maxlength=10 required><a href=\'#\' data-toggle=\'tooltip\' 
       data-placement=\'top\' title=\'error!\' 
       ng-show=\'!inputForm.$valid\'>errMsg - {{grid.appScope.customMsg}}
       </a></form></div>"
    }

唯一の問題は、フォームが行によってほぼ完全に隠されているため、メッセージが非常に見にくいことです。

お役に立てれば。

于 2016-10-04T05:31:28.007 に答える