組み込み機能を使用してng-gridの選択を「無効にする」かロックすることはできますか?ユーザーが行を選択してボタンをクリックできるようにし、ユーザーが別のボタンを押すまでグリッドがロックされたままにしておきたい。ng-gridで選択を無効にする方法
5
A
答えて
11
はい、をbeforeSelectionChange
から戻して、グリッド上の選択した行の変更を無効にすることができます。
$scope.option = {
enableRowSelection: true,
};
$scope.gridOptions = {
data: 'myData',
beforeSelectionChange: function() {
return $scope.option.enableRowSelection;
}
//, ...
};
HTML:
<button ng-click="option.enableRowSelection=false">Freeze Selection</button> <button ng-click="option.enableRowSelection=true">Unfreeze Selection</button> <div class="gridStyle" ng-grid="gridOptions"></div>
コード例:http://plnkr.co/edit/PbhPzv?p=preview
も参照してください:https://github.com/angular-ui/ng-grid/wiki/Configuration-Options
0
これは2.3角度で動作します:
constructor() {
this.gridOptions = <GridOptions>{};
this.gridOptions.suppressCellSelection = true;
}
関連する問題
- 1. 無線選択で無効にする選択/ドロップダウンを有効にする
- 2. ラジオグループ内で複数選択を無効にする方法extjs
- 3. ジャーナルトランザクションの先頭でブランチ選択を無効にする方法
- 4. Windowsコンソールでユーザー選択を無効にする方法
- 5. モバイルブラウザでコンテンツ選択を無効にする方法
- 6. 選択オプションで値を無効にする方法は? (vue.js 2)
- 7. vb.netでコンボボックス自動選択を無効にする方法
- 8. DataGridviewで選択ハイライト(青)を無効にする方法
- 9. IntelliJ MacOSでブロック選択を無効にする方法
- 10. Laravelテストで選択したミドルウェアを無効にする方法
- 11. チェックボックスの選択でPrimeFacesタブを無効にする方法
- 12. HTMLテキスト入力フィールドで選択を無効にする方法
- 13. 中マウスボタンでドラッグ選択を無効にする方法は?
- 14. 選択したオプションに "&"エンコードを無効にする方法
- 15. .changeを使用して選択を無効にする方法
- 16. 無効な選択オプションを選択した場合、フォームを無効にする
- 17. jstreeで無効なノードを選択する方法は?
- 18. nattable:シングルセル選択を無効にする方法は?
- 19. リストボックスの選択機能を無効にする方法
- 20. 角度の選択ビューを無効にする方法は?
- 21. TextBoxの選択を無効にする方法
- 22. 角度選択マルチセレクションモードで選択した選択肢を無効にする
- 23. ラジオボタンの選択時にボタンを有効/無効にする方法は?
- 24. rails - 選択タグを無効にする
- 25. javascript:テキストを無効にする選択
- 26. Telerikカレンダー:選択を無効にする
- 27. クロムテキスト選択ポップアップを無効にする
- 28. テキサスボックスチェックボックスで有効/無効にするJavascriptを使用して選択/非選択
- 29. jQueryを使用して選択フィールドを無効/有効にする方法は?
- 30. 無効にドラッグ選択
これは動作しますが、今はiveが実現しました。グリッドが構築されているdivからいくつかの入力ボックスを移動してロックされないようにする必要があることがわかりました。問題は私が彼らがそこの外にあるグリッドの範囲にアクセスできると思いますそれは範囲を渡すことは可能ですか?ユースケースは、編集ボタンを押した後、現在選択されている行を編集できます。 – Tim
はい、グリッドスコープを見つけて別の関数に渡してから '$ gridScope.apply'を呼び出すことはできますが、代わりに直接gridOptions.dataを編集する方が簡単かもしれません。データ(上記の例では 'myData')に対する変更は、通常自動的にグリッドに表示されます。 – user508994