問題タブ [blazor-jsinterop]

これは、MudBlazor フレームワークで blazor を使用して作成された単純な登録フォームです。

次に、Register フォームのコード部分を示します。

登録。かみそり

次に、このフォームに Enter キーの自動化を追加します。

要件-

1. 1 つのフィールドに値を追加して Enter ボタンを押した後、値を追加するには、カーソル ポインターを隣接する空のフィールドにフォーカスする必要があります。

例: -名前フィールドに任意の名前を追加して Enter キーを押すと、カーソル ポインターは自動的に電子メール フィールドにフォーカスされます(電子メールフィールドが空の場合)。

2. 上記のプロセス中に、1 つのフィールドが既に入力されていることが判明した場合は、それを無視して次のフィールドに進む必要があります。

例: カーソル ポインターが [名]フィールドにあり、[電子メール]フィールドは既に入力されているが、パスワード部分はまだ入力されていないような状況であると考えられる場合。次に、Enter キーを押した後、メール フィールドに移動する代わりに、メールフィールドを無視し、カーソル ポインターをパスワードフィールドにフォーカスして割引を入力する必要があります。

3. すべてのフィールドを追加して入力ボタンを押した後、最初にデータを検証し、すべてのデータを送信する必要があります。

ブレザーを使用してフォームに追加するには、上記の 3 つの部分を追加する必要があります。誰かがこれを行う方法を知っているなら、私を助けてください。皆様のご協力に感謝いたします。

サーバー側 API を使用してグループ Blazor WASM プロジェクトに取り組んでいます。要件に従って、イベント スケジューリング用に Calendly API を統合しました。カード コンポーネント内に、Web サイトから提供された次のコードを埋め込みました。

Calendly は window.postMessage()を使用してイベントを親ウィンドウに投稿するため、コンポーネントの初期化で次のコードを呼び出してイベントを「インターセプト」し、サーバー側のロジックを介して Calendly を呼び出します。

私の問題と質問は、イベントがトリガーされたときにオブジェクト参照を渡して、Blazor コンポーネントへのインスタンス メソッド コールバックを作成するにはどうすればよいかということです。

上記のコードでは、静的メソッドを呼び出してみましたが、機能しますが、他のすべてを静的にする必要があるため、控えめに言っても理想的ではありません。また、オブジェクト参照をデータ属性として渡したり、オブジェクト参照をウィンドウ オブジェクトにフックしたりするなどのランダムなアイデアも試しましたが、役に立ちませんでした。

明確にするために、これが必要なのは、スケジュールが成功した後にいくつかのモーダルを閉じて、ユーザーが同じタイプのイベントをさらにスケジュールできないようにするためです。