問題タブ [yui-datatable]

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.

0 投票する
2 に答える
2541 参照

javascript - YUIDatatable-「データエラー」。

JSONが返したデータでYUIを使用してデータテーブルを作成しようとしています。

含まれているのは、jsonが返したデータと、表示されたページデータです。

JSONデータ:

YUIのJavascript:

ページビュー:

YUIテスト(ヘッダー)

この例では、DataTableにデータを入力します。(イントロテキスト)

ID-名前-メモ-Ofarm-アクティブ (列タイトル)

データエラー。(返されたデータ)

0 投票する
1 に答える
613 参照

json - YUIDatatableがJSONを使用しない

YUIを使用してDatatableにJSONを入力しようとしています。

私はこのJSONを持っています:

約20種類のデバイスでこのように継続し、]で閉じます。

列定義が次のようになるように、データテーブルに選択キーを出力したいだけです。

なんらかの理由でデータエラーが出力されますが、何が間違っているのでしょうか。

ありがとう!

JSONLintでJSONの有効性をテストしましたが、有効であると表示されます。

0 投票する
1 に答える
185 参照

yui - 特定の文字列で終わる YUI Datatable の列エントリを除外する方法

現在、何百ものエントリを持つ YUI データテーブルに取り組んでいます。テーブルは 4 つの列で構成され、最初の列 (ID) が主キーです。ここでやりたいことは、ID が特定の番号で「終わる」エントリを無視することです。ソース コードは非常に大きくて醜いので、コード スニペットを投稿する代わりに、かなり高度な質問を投稿したいと思いました。

YUI のデータ テーブルのサンプルをいくつか見てきましたが、指定した文字列で終わるデータを除外するという、私がやりたいことを具体的に説明しているものはありませんでした。これを行うことができた人はいますか?

0 投票する
1 に答える
1650 参照

yui - YUI DataTableのRecordSetをJavaScript配列と同期するにはどうすればよいですか?

編集可能なYUIデータテーブルのデータソースとして使用しているjavascript配列があります。

編集可能なセルの値を変更すると、データテーブルのレコードが新しい値で更新されますが、基になるdata配列は更新されません。ユーザーがデータの編集を終えたら、このjavascript配列(またはこの形状の別の配列)を操作したいと思います。そこでは、後処理を行ってサーバーに送信する必要があります。一般的に優れたYUIの例では、データテーブル内で行われた変更を基になるデータソースに調整しようとすることはありません。このような例はありますか?data変更をアレイにプッシュバックするための最良の方法は何ですか?

これが私の小さなテストでのjsfiddleです:http://jsfiddle.net/cfarmerga/uArKs/1/

DataTableのsをキャッチしeditorSaveEvent、レコードセットを調べてjavascript配列を更新する必要がありますか?

0 投票する
1 に答える
1376 参照

yui - 構築後に DataTable テーブルを変更する方法

ajax クエリが完了すると、YUI DataTable を変更したいと思います。たとえば、完了するまでに1秒から10秒かかるものを照会する4つのajaxクエリがあります。1 番目のクエリが終了したときにテーブルの構築を開始し、ajax クエリが終了するたびにテーブルを再度変更したいと考えています。一般的にこれを行うための推奨される方法はありますか?

特に、列のフォーマット方法を変更して、行の処理中に発生する可能性のあるエラーを表示したいと考えています。ただし、エラーの処理には時間がかかるため、最初にデータを表示してから後でエラーを追加することをお勧めします。

助けてくれてありがとう!

ジェイソン

0 投票する
1 に答える
1084 参照

javascript - JavaScript 変数をヘルパー メソッドに渡す

ASP.NET MVC 3 と YUI ライブラリを使用しています。

モデルからアイテムの ID をそのまま渡すことで、編集ビューにリダイレクトする独自のヘルパー メソッドを作成しました。

現在、YUI データ テーブルの作成に忙しく、上記のようにヘルパー メソッドを呼び出したいと考えています。次のように JavaScript でアイテムの ID を取得するため、それが可能かどうかはわかりません。

0 投票する
1 に答える
631 参照

asp.net - YUIデータテーブルの問題/質問

私は自分のASP.NET MVC 3Webアプリケーションでデータテーブルを使用していますが、これまでのところ非常にうまくいっています。データベースに接続しSQL Server 2008、ストアドプロシージャを使用してデータを返します。IE8と最新バージョンのFirefoxを使用しています。のバージョンはYUIです2.8.2r1。データテーブルに関していくつか質問があります:)

これが私のデータテーブルのコードです:

何が間違っているのかわかりませんが、データを返すアクションメソッドは次のとおりです。

リターンJson...行にブレークポイントを設定して、このアクションメソッドがヒットするかどうかを確認します。ページが最初にブレークに移動したときにページが読み込まれるときに、F5キーを押すと、ページが実行され、グリッドが入力されたビューが表示されます。F5キーを押してブラウザを更新すると、ブレークポイントが再びヒットすることはありません。理由はわかりません。ここに再び入ることはありません。

データはどのようにグリッドにロードされますか?テーブルに100個のレコードがあり、rowsPerPageを20に設定した場合、5ページになります。上記の私のコードを考えると、データは一度にロードされますか?つまり、100行すべてが一度にロードされますか?一度にすべてをロードするのではなく、「チャンク」にロードすることをお勧めします。別の表には、はるかに多くのレコードがあります。これは、すべてを一度にロードするための賢明な設計アプローチではありません。このようなものをどのように実装しますか?

データテーブルの特定のテーブルヘッダーとセルのスタイルを設定しようとしています。データテーブルのスタイルを設定する方法を説明するこの記事を読みました:http://www.satyam.com.ar/yui/widgetstyles.html。tdを右揃えに設定すると、その列のthも右揃えになりますが、これはなぜですか?classNameプロパティをどのように設定したかを上で見ることができます。これが私のスタイルシートコードです:

上記のシナリオでは、列ヘッダーを左揃えにし、対応する列行を右揃えにしますか?私はおそらくこのようには使用しませんが、スタイルをさまざまな要素に設定する方法を知りたいだけですか?

データテーブルの幅を100%に設定しましたが、次のページにページを移動すると、この幅の100%が失われているように見えます。どうしてこれなの?幅を100%に保つために、データテーブルを作成するにはどうすればよいですか?

データを更新した場合、更新済みとして表示されません。これはなぜですか?また、更新されたデータをデータテーブルに表示するために何をする必要がありますか?

0 投票する
1 に答える
1091 参照

yui - yuiデータテーブルでクリックしてソートを無効にする方法は?

「見出しをクリックして並べ替える」を「見出しをダブルクリックして並べ替える」に移動したいと思います。だから現在、私は次の2行でそれをやっています:

ただし、これを行って見出しをクリックすると、folder/thead-id に移動します (デフォルトでは、見出しテキストが「a」タグで囲まれているためです。

適切に行う方法はありますか?

どうもありがとう!

ジェイソン

0 投票する
1 に答える
258 参照

yui - YUI - DataTable - RadioCellEditor の問題

YUI データテーブルを使用しています。myDataTable = new YAHOO.widget.DataTable("cellediting", myColumnDefs, myDataSource, { });

RadioCellEditor を追加しました。var radioEditor = new YAHOO.widget.RadioCellEditor({ radioOptions:["1","0"],disableBtns:true }); radioEditor.subscribe("saveEvent", saveChange);

saveChange は ajax リクエストを送信してテーブルのデータを更新するカスタマイズ関数です。

すべてが正常に機能しています。しかし、無線セル オプションをクリックし、提供されたオプションを選択する代わりに、YUI の他の領域をクリックすると、saveChange() 関数が 4 回呼び出されます。この問題を解決するにはどうすればよいですか?

0 投票する
0 に答える
441 参照

javascript - YUI3 ツリーブルの作成

私は YUI3 を 1、2 週間ほど見ていて、非常に感銘を受けました。YUI 3 (treeble と呼ばれる) でツリー テーブルを作成するために、この例に出くわしました。私は YUI 2 も調べましたが、YUI2 に存在するユーティリティの多くは、特に DataTable に関して、まだ YUI 3 に反映されていないようです。このような YUI 3 テーブルを変更可能にする方法はありますか。

今、アプリを YUI3 と YUI 2 のどちらでビルドするか迷っています。YUI 3 の方が読みやすく、理解しやすいようですが、YUI3 を使用すると、YUI 2 で利用可能ないくつかのユーティリティを失う可能性があります。

また、YUI 3 で YUI 2 オブジェクトを使用する方法にも出会いました。

助言がありますか。