問題タブ [slickgrid]

render()メソッドが作業を終了し、すべての HTML 要素を DOM に追加したときに、何らかのアクションを実行する必要があります。イベントにサブスクライブする方法onRenderEnds(そのようなイベントはありません)? slickgrid コードの外部で独自のイベントを作成し、それをrender()メソッドにアタッチできますか?

いくつかのイベント"onScroll", "onViewportChanged"がありますが、終了する前に発生しrender()ました (場合によっては)。

更新:列のフォーマッタを作成します:

グリッドがレンダリングされたとき (フォーマッタを適用)、すべてを調べて、それらを (属性".operationList" divsに基づいて) 他の構造に変換する必要があります。イベント ハンドラーを含む複雑な構造data-myに置き換える必要があります。".operationList" divs

slickgrid の使用を開始したばかりです (作者への ++) - いくつかの小さな問題が発生しています - インコンテキスト編集を使用していくつかのフィールドを動的に更新したいと考えています。編集が完了したら、これをサーバーに送信して、送信された内容を検証する必要があります。エラーが発生した場合、validatr イベントの動作と同様の方法でエラーを処理したいと思いますか? たとえば、セルを強調表示し、それが有効になるまでユーザーが離れないようにしますが、どうすればよいかわかりませんか? これに関するアドバイスをいただければ幸いです。

これまでのコード...

どうもありがとう

slickgridはかなり良いです！切断モードでは、ユーザーはいくつかの変更を行います。ジョブが完了すると、変更はサーバーに保存されます。データベースを更新する便利な方法があるかどうか知りたいのですが。データビューには最新のデータが含まれていますが、読み込み後に発生した変更（削除された行など）を認識していますか、それとも自分で変更を追跡する必要がありますか？

グリッドが読み込まれると、どのセルが編集可能で、どのセルが編集可能でないかがユーザーにすぐにわかるようにしたいと思います。私は次のようなものを試しました：

ただし、セルがアクティブになるまで「編集可能」クラスは適用されないようです。また、セルの編集可能性が実行時に変更された場合でも、グリッドを再レンダリングして正しく表示できるように、かなり柔軟にしようとしています。

列ヘッダーのテキストを中央に配置する方法はありますか?これを行う方法または変更する必要がある ccs はありますか?

SlickGrid で行を並べ替えると、行がすべて破棄されて再作成されたように見えるため、実行時に追加された可能性のある CSS クラスが失われます。

たとえば、「ダーティ」な行 (つまり、編集されているがまだ保存されていない行) ((自動コミットはしませんが、グリッドの [保存] ボタンを使用してデータを保持します)) を別の方法で表示したいのですが、具体的には「ダーティ」アイコンを表示します。

そのため、行が「ダーティ」な場合、そのセルの 1 つ (アイコン列) が CSS クラスを取得して、適切なアイコンを表示します。ただし、これは行がソートされると失われます。並べ替えで新しい行が作成されないようにする方法はありますか? または、このタスクを達成するための別の方法はありますか?

ありがとう！

列 (行ごとに一意の ID 列) を非表示にしたいのですが、行でアクションが実行されるときにそのデータが行に必要なため、「列」配列から削除できません (選択、ソートなど）。

たとえば、並べ替えられた後、以前のスタイルに一致する行を取得する必要があり、ID 列を使用してこれを行うことができます。行にデータが必要ですが、表示したくないだけです。

ありがとう。

わかりました。私のシナリオをより明確に説明しましょう。

セルを編集すると、「ダーティ」になり、JavaScriptを介してセルにCSSクラスを追加することで、特定の方法でスタイルを設定します。

次に、ユーザーがグリッドを並べ替えると、スタイルが失われ（すべての行が再作成されるためだと思います）、並べ替え後にスタイルを適切なセル/行に復元する方法が必要です。

私がやろうとしたのは、'status'というエントリをdata[]に追加し、onCellChangeがdata []をループして、args.item.Idをdata[]の適切なエントリに一致させることです。

ただし、onSortでは、並べ替えられた行をデータ配列に一致させる方法がわかりません。（args.itemがないため）セレクターステートメント$（ "。slick-row"）を実行して正しいセルのスタイルを変更しようとしましたが、行をdata[]のエントリに関連付ける方法がありません。

Firefox、Safari、Chrome などのブラウザーで右側の垂直スライダーを正しく表示する 50 行以上の slickgrid があります。

Safari を使用する iPad では、スライダーは表示されません。この問題を解決するための回避策はありますか?

検証エラーが発生すると、エラーが解決されるまでユーザーがそのセルにロックされることに気付きました。ユーザーが引き続きセルをナビゲートできるようにする方法はありますか?

このアプローチは私にとってはうまくいきます.b/c私は彼らがセルを離れたときにコミットしませんが、保存ボタンをクリックするまで待ちます. したがって、エラーが存在する間はこのボタンは無効になりますが、セルを自由に移動できます。ありがとうございました。