問題タブ [gridpanel]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
combobox - オートコンプリートからアイテムを選択した後、Ext.js 4 グリッド パネル セルにデータを入力する方法は?
私は次のことを行う方法について少し確信が持てません:
グリッド パネルがあり、フィールドの 1 つでオートコンプリートがあり、アプリケーションのこの部分は正常に動作しています。
私がやりたいことは次のとおりです。オートコンプリート リストからアイテムを選択すると、そのアイテムに関連付けられた「説明」データを入力し、適切なセルに入力します。
たとえば、「PartNum 3」に対して返されるデータは次のとおりです。
選択すると、グリッド パネルの [説明] セルで [説明 partnum 3] が更新されます。
今、私が少し混乱しているのは、これを行う最善の方法は何かということです。ここで説明されているように、最初の方法は「DOM」モデルのようです。 ExtJS グリッドで特定のセルの値を読み取って設定する方法は? . もう1つの方法は、ExtJs ComboBoxのストアの更新またはリロードなど、「ストア」ソリューションのようです。
だから私の質問は、どの方法を使用する必要があり、その理由は何ですか? 特に、バックエンドで追加操作を実行するときの最善の方法を知りたいです。
Gridpanel とオートコンプリートに適用される "Store" メソッドのコードも大歓迎です。
現在のコードに関する限り、ここに私のモデルがあります:
});
店舗は:
});
ビューの一部は次のとおりです。
extjs4 - このExt.grid.Panelがクラッシュするのはなぜですか?
これはクラッシュします:
これはしません:
クラッシュは次のとおりです。
コンストラクターを追加するとクラッシュするのはなぜですか?私は次のような他のオブジェクトでそれを行うことができます:
編集
私がやりたいことを明確にするために、デフォルトをオーバーライドするオプションを使用してオブジェクトをインスタンス化できるようにしたいということです。
これは、Ext.grid.Panel
また、私は使用していますExtJS 4
解決
結局のところ、extendはExtJS 4で非推奨になっています。そこで私はこれを使用しましたが、機能します。
javascript - 選択した行を取得するExtJS4編集可能グリッドは空を返します
CellEditingプラグインを使用してグリッド上で選択した行インデックスを取得しようとしています(その後、レコードの別のフィールド値を設定しようとしています)が、getSelection()メソッドは空の配列を返します。コンボボックスにselectイベントのリスナーがあります。それが変更された場合、編集された行のインデックスを取得する必要があります。
ExtJS4.0.2aリリースを使用しています。私はExtJSに関しては初心者なので、何かが足りないかもしれません。
これがあなたが見たいcasのJSFiddleファイルです。
http://jsfiddle.net/Z6b7a/8/
どんな助けでも大歓迎です。
ありがとう
オズ
editor - タイプ 'textfield' の GridPanel セル編集
「CellEditing」プラグインで GridPanel を使用しています。私のエディターセルは「テキストフィールド」タイプです。
2 つの質問があります。空のセルの背景色を変更して、欠損値がある場所を簡単に確認できるようにしたいと考えています。セルをダブルクリックすると、テキストフィールドのテキストをフォーマットしたいと思います。textfield オブジェクトにアクセスするにはどうすればよいですか?
ありがとう、ダナ
extjs - ExtJs GridPanelは複数の列をフリーズ/ロックします
ExtJs GridPanel は豊富な datacontrol ですが、列の凍結機能が制限されています。ロックされた属性を介して固定できるのは最初の列のみです。誰かがこの問題を解決しましたか?
これが私のコードです:
javascript - 方法:GridPanelの列幅の自動サイズ変更+ExtJS4のグリッド内のすべての列値の読み取り
方法:GridPanelの列幅の自動サイズ変更+ExtJS4のグリッド内のすべての列値の読み取り
問題1:とにかく、返される列のデータ値の長さに基づいて、グリッドパネルの列の幅を自動的に設定できますか(列の幅=最大データ値の文字列の長さ)
問題2:上記を達成するには(および他の理由で)、特定のグリッド列の値を取得する方法を知る必要がありますか?ロジックがわかったら、それを列レンダラー関数として実装する必要がありますか?列レンダラー関数は毎回呼び出され、データレコードが読み取られますか(その後、過剰になります)?その場合、オーバーライドできる他の関数はありますか?
Webで見つけたほとんどのソリューション(Grid Column Width Calculator、autoResizeColumnsなど)は以前のバージョン用であり、EXTJS4バージョンを使用しています。
よろしくお願いしますスコット
datetime - ExtJs4、グリッドパネルでテキスト形式(タイムフィールドまたは日付フィールドなし)でセルの日時を手動で編集する方法は?
ExtJs4のGridPanelを使用して、セルを編集する方法datetime
(timefield
またはなしdatefield
)?
私はこれを正しい表示に使用します:
しかし、としてレンダリングされたセルを編集する2011-09-08 09:18
と、入力が変換されました:
編集用にフォーマットレンダリングを保持できますか?
type: 'datecolumn'
または、 andxtype: 'datefield'
またはorを使用しtimefield
て正常に動作しています。
しかしdatetimefield
、がないと、日付と時刻の両方を編集できませんでした。
完全な日付と時刻のエディターを使用することを好みますが、日付パターンでフォーマットされたテキスト形式で編集するにはどうすればよいですか?
javascript - Extjs gridpanel ヘッダーにヘルプ ボタンを追加する
gridpanel ヘッダーの右側にボタンを追加したいのですが、とにかく見つけられません。
追加したいボタンは1つだけなので、ツールバーを追加したくありません。
extjs - ExtJS: Ext.grid.Panel: store.sync() 後にソート順を維持する方法は?
Ext.grid.Panel がうまく機能しており、列ヘッダーをクリックして「自動」ソートを行うことができます。ストアには「autoSync: true」があります。「新規」ボタンがあり、ユーザーがクリックすると、id プロパティのない空のレコードが作成されます。
レコードが自動的に同期されることがわかっているため、レコードを #0 の位置に挿入します (これが実際に起こっていることです)。問題は、「id」列をクリックすると、id asc でソートされ、もう一度クリックすると逆順になることです。
次に、「新規」ボタンをクリックすると、空の新しいレコードが作成され、サーバーに送信され、id フィールドが完成した結果のレコードが取得され、グリッドが更新されますが、並べ替えは考慮されません。同期すると、返される ID が非常に高くなり、並べ替え順序に関係なく、一番上にとどまります。私は何を間違っていますか?
どうもありがとうございました
(PS Sencha のフォーラムが混雑しているように見えるので、stackoverflow で質問しています)
json - JSON データをグリッド パネルに表示できません。グリッドに空白行を 1 つだけ表示します
JSON データをグリッドに表示できません。空白のグリッドを取得しましたが、シーケンス番号 "1" と空白の行が表示されます。番号 1 は自動生成されますが、JSON データではありません。
コード
Jsonレスポンスは次のとおりです
FireBug コンソールを確認しました。上記のように応答を返しますが、タイプ(actionmethod)は「GET」です
私がしたとき
Store Count = 1 を取得しました。
-アンキット