問題タブ [inline-editing]

グリッドの追加機能が開始されたときに問題が発生します。私のcolModelは、select要素のいくつかの有効なオプションを定義しています。グリッドに新しい行を追加する場合、select要素は常に、colModelの実際の値ではなく、未定義の値でレンダリングされます。この要素の実際のcolModel値のみが表示されるようにするための手法は何ですか？

特定のボタンなしでクリックするだけでリストを編集できるのは、本当に優れた UI 機能です。リンクとタグが強調表示された大きな wysiwyg エディターのように見えます。彼らはどのjsテクニックを使用していますか? フォーカスをスパイするためのコンテンツ編集可能で、編集のためのテキストエリアですか?

データテーブルにインライン編集オプションのあるテーブルが必要です。完全なコードを記述できますが、編集ボタンをクリックすると、サーバー側のイベント オブジェクトから取得する値が古いものと同じになります。私は新しい価値観を手に入れていません。

イベント オブジェクトから新しい値を取得する方法。

私のサーバー側のコードは次のようになります

インライン編集を使用して、データベース内のテキストをAJAXで更新しています。これは基本的にプロセスであり、ごく普通のことです。

• テキストは編集できません
• テキストをクリックすると、編集可能になります
• 新しいテキストを入力します
• 次に、クリックして更新されたテキストをデータベースに送信します
• 次に、テキストを編集不可能な形式に戻します

私の質問は、いつ新しいデータでインターフェースを更新する必要があるかということです。ajax呼び出しの直前に更新する必要がありますか、それとも更新応答がデータベースから返されるのを待つ必要がありますか？

私の懸念：

• インターフェースをすぐに更新せず、データベースからの応答を待つと、ajaxに付属する非同期の利点が失われます。
• しかし、すぐに更新した場合、データベースの応答にエラーが発生した場合は、どういうわけか、すでに行った変更を追跡し、それを元に戻す必要があります。これは、はるかに手間がかかります。

では、この種のことは通常どのように行われるのでしょうか。

jqgridでインライン編集を行っています。編集は完全に機能しています。編集後、ユーザーがEnterキーを押すと、保存されます。しかし今、私はユーザーが行をナビゲートする際に矢印キー（上下のキーで行をナビゲートし、左右のキーでセルをナビゲートする）を使用して、行がフォーカスを失ったときに行が保存されるようにします。これは可能ですか？

私は jqGrid の初心者であり、jqGrid を使用してクライアント側のページを作成し、データを表示および編集します (datatype:'local')。インライン編集モードと cellsubmit:'clientArray' を使用します。フィールドを編集し、Enter をクリックして編集モードを終了できます。

次の方法で UI グリッドのデータを取得したいと思います。

残念ながら、変数 (配列) は私の変更で更新されません。

ただし、こちらの情報に基づいて、getRowData(rowId) を呼び出すと、更新されたデータを正常に取得できます。バグですか？または、コードの最初の行でデータを取得できるように、他のメソッドを呼び出してデータを送信する必要がありますか?

これがコード付きのjsfiddleです。

私たちの要件は次のとおりです。

1. ユーザーは一度に複数の行を編集できる必要があります - デフォルトのすぐに使える実装によると、ユーザーは行を編集するたびに保存操作を実行する必要があります (Enter キーを押すか、[保存] ボタンをクリックして) 処理を続行する前に次の行を編集するには
2. 編集用に TAB を使用して行間を移動する

3. 編集されたすべての行データをアクションに送信できる「一括/バッチ保存」操作と、そこから一括保存データベース操作を実行できます

   私たちのアプローチ：

カスタマイズ 1 : すべての行の最初の列に [編集/キャンセル] ボタンを表示します (各行に保存ボタンはありません)。[編集] をクリックすると、特定の行が編集可能になります
カスタマイズ 4 : グリッド ツールバーに新しい [バッチ保存] 画像ボタンを表示します
カスタマイズ 5 : [バッチ保存] をクリックすると、編集されたすべての行データを (ID と共に) 収集し、アクションで配列として受け取り、「バッチ更新」データベース操作を実行します

** Struts2-jQuery Grid に対して同様の要件に遭遇したり、同様のカスタマイズを行った人はいますか?**

**

更新 1:

**

グリッドにカスタムの「一括/バッチ保存」機能を実装する過程で、さらにいくつかの問題が発生しました..問題を解決するために取り組んでいる間、それらを皆さん​​と共有したいと思います..誰かがポインタを投げることができれば感謝します.それらの上に..

1. カスタムの [すべて保存] グリッド ツールバー ボタンを使用してデータを保存した後、グリッドを更新します。このボタンをクリックすると、変更されたすべてのデータを保存するアクションに対して Ajax ポスト リクエストが行われます。

2. 編集後に（保存せずに）別の場所に移動するときに、変更されたデータを保存するためのアラートを表示します

3. 列の編集中にユーザーが「Enter」を押したときにページが Action クラスに投稿されないようにします

4. カスタム チェックボックスを追加し、それらの値をカスタムの削除操作に使用します (複数選択オプションを介して生成されたチェックボックスが複数編集で問題を引き起こしているため)。

5. S2J グリッドのルール機能を編集して、カスタム JavaScript 検証を呼び出す

**

更新 2:

**

以下の回答のいずれかに記載されているように、bindKeys を特定できませんでしたが、これが私たちのアプローチです。この実装にはまだ多くの未解決の問題があり、まだ解決していません。

ステップ 1: グリッドで以下を使用して、データの行ごとにカスタムの「編集」ボタンと「キャンセル」ボタンを作成します onGridCompleteTopics="createbuttons"。ここで createbuttons は、カスタムで作成された jScript 関数です。

ステップ 2: グリッドにカスタム ボタンを追加しました。これは、編集されたすべての行のデータを収集し、Struts2 Action クラスに Ajax ポストを作成するカスタム作成の JavaScript 関数になります。そこから、この入力の配列を作成して Oracle プロシージャに渡し、プロシージャ内で DB 操作 (挿入/更新) を実行します (FORALL INSERT/UPDATE を使用)。

ステップ 3: 次のコードをすべてのテキスト ボックス セルに追加して、Enter キーを押したときにページが投稿されないようにしました。

私たちの進捗状況について皆さんにお知らせしますが、私たちが現在直面している新しい課題があります。それについては、ここ とここに別の質問を投稿しました

インライン編集するにはダブルクリックする必要があります。オブジェクトが既に設定されていて、ハイパーリンクである場合、問題に直面しています。ダブルクリックすると、編集モードのフィールドではなく、リンクが開きます。ここにHTMLコードがあります

マウスオーバーすると、クリックに使用できる画像が表示されます。しかし、「クラス」に関連付けられているため、同じロケーターを見つけることができません。
ありがとう

実行ポイントを示すサフィックスが異なるだけで多数の重複エントリを作成するアプリケーション用のログ ファイル要約ツールを作成しようとしています。

infile_grocery.txt一般化されたバージョンは次のとおりです。これらのコンテンツを含む text_file ( )。

私が得たいと思っているのは：

私が現在作成したコマンドラインは次のとおりです。

しかし、私が得ている結果は次のとおりです。

どういうわけか入力を破棄しています。これをどのように構築するかについてより良いアイデアを持っている教祖はいますか?

<input type="button" value="edit here">クライアント側に機能的なインライン編集スクリプトがありますが、誰かがボタンをクリックしたときのように、ホバーセレクターが機能するのと同じように値を選択してフォームを生成できるようにするボタンを追加したいと思います

要するに、ホバーステータスセレクターをクリックボタンセレクターに削除したいと思います。

詳細については、コードを確認してください。

ありがとうございます。申し訳ありませんが、コード タグをここに配置するのに問題がありました。js です

そしてCSS