問題タブ [yui-datasource]
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.
yui - yui、フォーム送信とデータ テーブル
私は Java プログラマーですが、JavaScript プログラマーではありません。YUI を発見したばかりで、使い始めようとしています。私が試してみたいのは、ページの上部にクエリ フォームを配置し、ユーザーが [送信] を押すと、クエリ フォームの下の YUI DataTable に結果が表示されることです。
もちろん、通常は HTML フォームでユーザーが [Submit] を押すと、リクエストがサーバーに送信されます。Struts を使用してそれを処理し、リクエストを JSP に転送すると、HTML がブラウザに返されます。それが私が日常的にしていることです。Ajax では、代わりに XML を返さなければならないという点で違いがあることは理解しています。問題ない。簡単にできます。
私が持っている質問は、物事の YUI 側を扱っています。[送信] ボタンを押すと、何が起こりますか? 通常のフォーム送信ではありませんよね?データを取得するために YUI DataSource をトリガーする onSubmit() JavaScript 関数を実装する必要がありますか? リクエストパラメータはどのように渡されますか? リクエストを手動で作成する必要がないことを願っています。私は YAHOO.util.XHRDataSource を使用していると推測しており、それが DataTable の DataSource です。
HTML テーブル要素を使用して YUI DataTable を機能させることができました。あとは実際のデータに切り替えるだけです。不思議なことに、YUI のドキュメントは、私が何かを見逃していない限り、ここでは少し弱いようです。これは、YUI ドキュメントでカバーされていない基本的な Ajax に過ぎないのでしょうか?
javascript - YUI Data Table with Pagination でソートされた完全なデータセットを取得します
私の問題を十分に説明していることを願っています..ここに行きます:
YUI データ テーブルがあり、JSON を介してサーバー側の一連のレコードを取得し、データを入力します。
ユーザーはヘッダーをクリックして、6 つの列のうち 3 つの列のデータを並べ替えることができます (列ごとにカスタムの並べ替え機能を使用しています)。並べ替えはクライアント側で行われます。
ユーザーがデータを並べ替えるとき、表示されている列の 1 つから値の完全なリストを取得できる必要があります。ページにレンダリングされるものだけでなく、利用可能なすべてのデータが必要です。ページネーションによって隠されているデータを含める必要があります。
何か案は?DataTable の handleDataReturnPayload メソッドと doBeforeLoadData メソッドを試しましたが、どちらも元のソートされていないデータを返します。
私は本当にここで立ち往生しており、このソートされたリストを取得することに依存する機能に依存するクライアントを持っています。
前もって感謝します。
javascript - YUIDataTableおよびJSONデータソースでのcellUpdateEventの使用
DataTableにデータを入力するために使用されている(YUI2)JSONデータソースを持つUIを使用しています。私がやりたいのは、テーブルの値が更新されたら、値が変更されたセルで簡単なアニメーションを実行することです。
関連するコードスニペットは次のとおりです。
そして、これが私がそれでやりたいことです:
しかし、作品を使っているようには見えませんcellUpdateEvent
。コールバックの結果として更新されたセルは、setInterval
発火することさえありcellUpdateEvent
ますか?
で内部で何が起こっているのか完全には理解していない可能性がありますDataTable
。おそらく、データが照会されるたびにテーブル全体が再描画されているので、個々のセルへの変更を認識または気にしないのでしょうか。置き換えるために私自身の特定の関数を書くための解決策はありonDataReturnReplaceRows
ますか?誰かが私がこれを達成するためにどのように取り組むことができるかについて私に教えてもらえますか?
編集:
datatable-debug.jsを調べたところ、が起動しonDataReturnReplaceRows
ないようcellUpdateEvent
です。それはreset()
、すべての行を削除RecordSet
する、の裏付けとなるを呼び出します。DataTable
次に、テーブルに新しいデータを再入力します。を使用するように変更してみましたonDataReturnUpdateRows
が、それもうまくいかないようです。
Edit2:
必要な制御を実現するために、<ul>
解決しようとしている問題に対してもう少し意味のある独自のデータリストを作成することになりました。以下のジェニーの答えは、他のほとんどの人にとってこれを解決するのに役立つはずなので、私はそれを解決策として受け入れました。
ajax - YUI DataSource をキャッシュするには?
YUI サイトの手順に従って、フィルタリングを使用して YUI DataTable をセットアップしています。
ただし、JSON を DataSource ResponseType として使用しています。フィルタリングする値を入力すると、リクエストがサーバーに再度送信されます。すべてのデータが最初に取得されているため、これは無駄だと思います。
返された初期データをキャッシュし、そのデータに応じてのみフィルタリングして、別の AJAX 要求を行う必要がないようにする方法はありますか?
javascript - YUIのDjangoサーバーにXHRDataSourceリクエストを送信するにはどうすればよいですか?
postを使用していますが、YUIドキュメントのサンプルコードが機能していません。
/getallsites/はJSARRAYを返します。JSARRAYをJSONに変換する前に、JSARRAYを機能させたいと思っていました。Djangoサーバーログは/getallsites/へのリクエストを認識していません。何か案は?
ありがとう!
xml - YUI 2.8 ライブラリを使用した XML ファイルのトラバース
YUI 2.8 ライブラリを使用して XML ファイルを解析/トラバースする必要があります。DataSourceの YUI のマニュアル ページから、XHRDataSource を使用して XML ファイルを取得し、応答タイプと応答スキーマを設定する方法に関する情報を取得できました (非常に多くの読み取りの後で理解できました:P )。
しかし、DataSource をセットアップした後、XML ファイルからデータを取得するために何をすればよいかわかりません。そのページはその例を提供していないようです。DataSource を使用して XML ファイルを解析する手順を説明できる人はいますか?
javascript - YUIのデータソースにイベントをフックするにはどうすればよいですか?
http://developer.yahoo.com/yui/datasource/#events
responseParseEventを使用しようとしていますが、YUIに例がないため、データソースオブジェクトにフックする方法がわかりません。
補足:YUIでこれに気付いた人はいますか?彼らのドキュメントにはjQueryほど多くの例が含まれていないということですか?
schema - YUI3DataSourceXMLSchemaはHTMLタグを取得しません
WebアプリをYUI2からYUI3にアップグレードしようとしていますが、データテーブルをアップグレードしようとすると小さな問題が発生します。テーブルデータはHTMLテーブル形式でローカルに保存され、チュートリアルと例を探しています。簡単にアップグレードでき、うまく表示されますが、ちょっとした問題が発生しました...
スキーマを使用してセルデータを取得すると、そのセルのテキストのみが取得されますが、スキーマが読み込まれなかったセルのspanやdivなどのHTMLタグが必要です。取得方法を知っていますか?YUI2では問題なく取得できますが、YUI3ではそれを行う方法がわかりません:S
var myTableDataでは、これはテーブルの厳密なHTMLコードです。ロケーターを変更しようとしている可能性があります:「td[1]」他の..。
私のくだらない英語に感謝し、申し訳ありません。
json - インライン Json データをリモート Json ファイルに変換する
私は答えを使用しました:YUI 3 - Paginator + Query Builder + Sortを使用したDatatableを試しました
サンプルhttp://jsbin.com/iwijek/10およびhttp://jsfiddle.net/UwjUt/には、インライン json データがあります。YUI 3 ドキュメントに従って .get() を使用したリモート json ファイルを解析したかったのです。しかし、ビットは何もしません。これらの例を確認して、リモート json ファイルの解析を手伝ってください。
json-search.txt
また、データソースをModelListに渡そうとしました