剣道グリッド編集可能な行の問題

RaksMen

私が直面している問題を思い切って再現しました

編集可能な行のある剣道グリッドがあります。

  1. [編集]をクリックし、[在庫数]列の値をクリックすると、アラートポップアップが2回表示されます。
  2. [キャンセル]をクリックしてから同じ列をもう一度クリックすると、ポップアップが1回だけ開きます。

これが発生する理由とこの問題を回避するにはどうすればよいですか。そのため、行が編集モードの場合でも、ポップアップは1回だけ開きます。

$scope.grid.options = {
dataSource: $scope.dataSource,
pageable: true,
height: 550,
toolbar: ["create"],
columns: [
    "ProductName",
    { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "120px" },
    { field: "UnitsInStock", title:"Units In Stock", width: "120px", template: '<a href="" ng-click="test(dataItem.UnitsInStock)">{{dataItem.UnitsInStock}}</a>'},
    { field: "Discontinued", width: "120px" },
    { command: ["edit", "destroy"], title: "&nbsp;", width: "250px" }],
editable: "inline"
};
レーキマン

オブザーバーの動作は、フィールドが編集不可であっても、グリッドがインライン編集モードの場合は編集行全体が作成されるため、クリックイベントハンドラーが2回アタッチされるために発生します。

最も簡単な回避策はstopImmediatePropagation()、イベントデータオブジェクトを呼び出すことです。これは同じもののjQueryドキュメントです。

このプランクをチェックしてください

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

剣道グリッド編集可能な複数選択グリッドセル

分類Dev

剣道グリッドカスタム編集可能なポップアップ

分類Dev

インライン編集による剣道グリッドの日付形式の問題

分類Dev

剣道UIグリッド条件付き編集可能セル

分類Dev

剣道グリッドの行を編集および削除する

分類Dev

剣道グリッド-各行のセルを動的に編集可能/編集不可にします

分類Dev

値を使用しない動的剣道UIグリッド編集可能な日時列

分類Dev

モバイルでの剣道グリッド更新の問題

分類Dev

剣道UIグリッド日時変換の問題

分類Dev

剣道グリッドは、グリッドが編集モードのときに編集を防止します

分類Dev

剣道UIバッチ編集グリッドDropDownListが表示されない

分類Dev

剣道グリッド-特定のレコードの編集を許可しない

分類Dev

グリッドでのバッチ編集による剣道UI計算列

分類Dev

剣道グリッドは、セル編集後にすべての行を更新します

分類Dev

剣道グリッドを編集不可のままにしますが、それでも行を追加します

分類Dev

剣道グリッドから編集可能なすべてのセルを取得する方法はありますか?

分類Dev

剣道グリッド列の編集時に変更をDBに保存する

分類Dev

剣道グリッドを編集できません

分類Dev

剣道グリッド(削除、編集ボタン)

分類Dev

剣道の仕分け可能な問題

分類Dev

ボタンクリックから剣道グリッドで列を編集可能にする方法

分類Dev

剣道UIグリッド、新しいレコードの保存の問題(AngularJS)

分類Dev

剣道グリッド検証メッセージの位置の問題

分類Dev

剣道グリッドの行が表示されない

分類Dev

剣道グリッド-子行の追加/編集時に親行モデルにアクセスする方法(詳細グリッド)

分類Dev

剣道編集可能グリッド列属性parseFormatsが期待どおりに機能していません

分類Dev

剣道グリッド-ポップアップから編集した後に行を更新する

分類Dev

剣道グリッド:ツールバーテンプレートの問題

分類Dev

剣道グリッドフィールド編集可能:false複雑なモデルでは機能しません

Related 関連記事

  1. 1

    剣道グリッド編集可能な複数選択グリッドセル

  2. 2

    剣道グリッドカスタム編集可能なポップアップ

  3. 3

    インライン編集による剣道グリッドの日付形式の問題

  4. 4

    剣道UIグリッド条件付き編集可能セル

  5. 5

    剣道グリッドの行を編集および削除する

  6. 6

    剣道グリッド-各行のセルを動的に編集可能/編集不可にします

  7. 7

    値を使用しない動的剣道UIグリッド編集可能な日時列

  8. 8

    モバイルでの剣道グリッド更新の問題

  9. 9

    剣道UIグリッド日時変換の問題

  10. 10

    剣道グリッドは、グリッドが編集モードのときに編集を防止します

  11. 11

    剣道UIバッチ編集グリッドDropDownListが表示されない

  12. 12

    剣道グリッド-特定のレコードの編集を許可しない

  13. 13

    グリッドでのバッチ編集による剣道UI計算列

  14. 14

    剣道グリッドは、セル編集後にすべての行を更新します

  15. 15

    剣道グリッドを編集不可のままにしますが、それでも行を追加します

  16. 16

    剣道グリッドから編集可能なすべてのセルを取得する方法はありますか?

  17. 17

    剣道グリッド列の編集時に変更をDBに保存する

  18. 18

    剣道グリッドを編集できません

  19. 19

    剣道グリッド(削除、編集ボタン)

  20. 20

    剣道の仕分け可能な問題

  21. 21

    ボタンクリックから剣道グリッドで列を編集可能にする方法

  22. 22

    剣道UIグリッド、新しいレコードの保存の問題(AngularJS)

  23. 23

    剣道グリッド検証メッセージの位置の問題

  24. 24

    剣道グリッドの行が表示されない

  25. 25

    剣道グリッド-子行の追加/編集時に親行モデルにアクセスする方法(詳細グリッド)

  26. 26

    剣道編集可能グリッド列属性parseFormatsが期待どおりに機能していません

  27. 27

    剣道グリッド-ポップアップから編集した後に行を更新する

  28. 28

    剣道グリッド:ツールバーテンプレートの問題

  29. 29

    剣道グリッドフィールド編集可能:false複雑なモデルでは機能しません

ホットタグ

アーカイブ