Kendoグリッドのクライアント側のjQuery検証エラーをキャッチする方法は?

g.pickardou

注:私の理解が正しい限り、代替タイトルは次のようになります。

「クライアント側のJavaScriptを介してjQueryバリデーターオブジェクトにアクセスするには、Kendoグリッドが行のインライン編集に何を使用しますか?」

環境

データソースエラーを使用してサーバー側の検証エラーをキャッチ(処理)し、通知に表示することができます。同様の通知ですべてのクライアント側の検証エラーを表示したいと思います。

以下に示すコード禁止のように、これは標準のjQuery検証のようです。それでも、既存のグリッドにハンドラーをアタッチする方法がわかりません。

質問

クライアント側の検証エラーは、データソースエラーイベントをトリガーしていないようです。

クライアント側の検証エラーを繰り返してカスタムの方法で表示するハンドラーを作成するにはどうすればよいですか?

追加情報

サーバー側エラーの処理は、データソースエラーイベントを処理することで機能します。ただし、これは、「唯一の」クライアント側検証エラーが発生した場合でも発生しません。

クライアント側の検証エラーの原因となるフィールドは次のとおりです。

ここに画像の説明を入力してください

検証属性を含むそのフィールドの対応するhtmlは次のとおりです。

<input class="k-textbox form-control" 
   data-val="true" 
   data-val-length="First Name should be maximum 30 characters" 
   data-val-length-max="30" 
   data-val-regex="Enter at least 3 characters. Use only alphabets and ,.'- characters" 
   data-val-regex-pattern="[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð ,.'-]{3,}" 
   data-val-required="The First Name field is required." 
   id="FirstName" 
   name="FirstName" 
   data-bind="value:FirstName">

g.pickardou

以下の解決策を終了しました。主な問題である、剣道グリッドの内部インラインフォームの内部jqueryバリデーターオブジェクトにアクセスする方法が解決されました。さらなる改良が可能です。

剣道グリッドの「編集」イベントに付属する以下の機能。グリッドの「save」または「saveChanges」イベントを使用しようとしましたが、残念ながら、インライン形式でjQuery検証エラーが発生した場合、どちらのイベントも発生しませんでした。

そのため、バリデーターの検証イベント自体を使用しており、編集イベントが発生したときに検証ハンドラーをバインドします。(インラインフォーム用にオンザフライで作成され、再利用されていないバリデーターのようです。)

剣道グリッドの「編集」イベントに付属する次の関数:

function (e) {
    var validatable = e.sender.editable.validatable;
    validatable.bind("validate", function (e) {
        var errors = e.sender.errors();
            for (var i = 0; i < errors.length; i++) {
                 // do whatever you want with errors[i]
            }
    });

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

クライアント側のエラーをキャッチする方法

分類Dev

キーアップイベントでjquery検証プラグインの検証を遅らせる方法は?

分類Dev

剣道UIグリッドがクライアント側の検証エラーにデータを投稿できないようにする

分類Dev

セレンでのクライアント側検証メッセージのキャプチャ(testng)

分類Dev

リードラインのラングリング、または重要なイベントをキャプチャしてボックス内に描画する方法

分類Dev

テキストボックスのクライアント側でYouTubeのURLを検証する方法

分類Dev

Yii 2でactiveformのクライアント側検証メッセージを無効にする方法は?

分類Dev

Yii 2でactiveformのクライアント側検証メッセージを無効にする方法は?

分類Dev

Angular:ユーザーがブートストラップモーダルダイアログの外側をクリックしたときにイベントをキャッチする方法は?

分類Dev

クライアント側のボタンクリックを検証する方法

分類Dev

ノードjsのクライアント側で.jsファイルをキャッシュする方法

分類Dev

Chromeフィールド検証エラーイベントをキャッチする方法

分類Dev

フラグメントからツールバーのナビゲーションアイコンクリックをキャッチする方法は?

分類Dev

AngularMaterialマットエラーの検証エラーをクリアする方法

分類Dev

スプリング統合ソケットサーバーのエラーをキャッチする方法は?

分類Dev

バックグラウンドサービスにビューの外側タッチイベントを検出する方法は?

分類Dev

カスタムジャージーエラー処理、クライアント側で応答をキャッチする方法は?

分類Dev

grpcurlを使用してクライアント側ストリーミングgRPCで画像をチャンクでアップロードする方法

分類Dev

グライドイメージリクエスト:downloadOnlyはダウンロードのみの前にキャッシュをチェックしますか?

分類Dev

mvcでクライアント側の検証エラーを削除する

分類Dev

ユーザーがブートストラップモーダルダイアログの外側をクリックしたときにイベントをキャッチするにはどうすればよいですか?

分類Dev

Apolloクライアント3:graphqlインターフェースのクライアント側でキャッシュを実装する方法は?

分類Dev

UnityのランチャーでWineアプリアイコンをドッキング/ロックするにはどうすればよいですか?

分類Dev

クライアント側だけでなくサーバー側の検証を強制する方法は?

分類Dev

OroCRMクライアント側の検証を無効にする方法は?

分類Dev

検索時にクライアント側からKendoUIMVCグリッドのデータソースを更新して再読み込みする方法

分類Dev

リアルタイムのクライアント側検証にJsonSchemaを使用する方法は?

分類Dev

ページ間でクライアント側のコード結果をキャッシュする

分類Dev

アドベンチャーキャピタリストゲームのグラフィックエラー

Related 関連記事

  1. 1

    クライアント側のエラーをキャッチする方法

  2. 2

    キーアップイベントでjquery検証プラグインの検証を遅らせる方法は?

  3. 3

    剣道UIグリッドがクライアント側の検証エラーにデータを投稿できないようにする

  4. 4

    セレンでのクライアント側検証メッセージのキャプチャ(testng)

  5. 5

    リードラインのラングリング、または重要なイベントをキャプチャしてボックス内に描画する方法

  6. 6

    テキストボックスのクライアント側でYouTubeのURLを検証する方法

  7. 7

    Yii 2でactiveformのクライアント側検証メッセージを無効にする方法は?

  8. 8

    Yii 2でactiveformのクライアント側検証メッセージを無効にする方法は?

  9. 9

    Angular:ユーザーがブートストラップモーダルダイアログの外側をクリックしたときにイベントをキャッチする方法は?

  10. 10

    クライアント側のボタンクリックを検証する方法

  11. 11

    ノードjsのクライアント側で.jsファイルをキャッシュする方法

  12. 12

    Chromeフィールド検証エラーイベントをキャッチする方法

  13. 13

    フラグメントからツールバーのナビゲーションアイコンクリックをキャッチする方法は?

  14. 14

    AngularMaterialマットエラーの検証エラーをクリアする方法

  15. 15

    スプリング統合ソケットサーバーのエラーをキャッチする方法は?

  16. 16

    バックグラウンドサービスにビューの外側タッチイベントを検出する方法は?

  17. 17

    カスタムジャージーエラー処理、クライアント側で応答をキャッチする方法は?

  18. 18

    grpcurlを使用してクライアント側ストリーミングgRPCで画像をチャンクでアップロードする方法

  19. 19

    グライドイメージリクエスト:downloadOnlyはダウンロードのみの前にキャッシュをチェックしますか?

  20. 20

    mvcでクライアント側の検証エラーを削除する

  21. 21

    ユーザーがブートストラップモーダルダイアログの外側をクリックしたときにイベントをキャッチするにはどうすればよいですか?

  22. 22

    Apolloクライアント3:graphqlインターフェースのクライアント側でキャッシュを実装する方法は?

  23. 23

    UnityのランチャーでWineアプリアイコンをドッキング/ロックするにはどうすればよいですか?

  24. 24

    クライアント側だけでなくサーバー側の検証を強制する方法は?

  25. 25

    OroCRMクライアント側の検証を無効にする方法は?

  26. 26

    検索時にクライアント側からKendoUIMVCグリッドのデータソースを更新して再読み込みする方法

  27. 27

    リアルタイムのクライアント側検証にJsonSchemaを使用する方法は?

  28. 28

    ページ間でクライアント側のコード結果をキャッシュする

  29. 29

    アドベンチャーキャピタリストゲームのグラフィックエラー

ホットタグ

アーカイブ