データを動的に更新するためのグリッドを設計する

Question

私の質問には、あくまで非常に謝罪しています。あなたの多くは、Googleカレンダーを見たり、使っているかもしれません。私は同様のWebアプリケーション（カレンダーではなく、2次元グリッドの同じ概念を共有し、グリッド上をクリックすると、その特定のグリッドに入るデータをポップアップ表示する必要があります。ページ）。グリッドデータを編集したり削除したりするオプションもあるはずです。

私はそのようなウェブページをデザインするために必要なことを知らない。そのようなアプリケーションを設計するために使用される言語（またはライブラリ）は何ですか？どこから始めますか？何を勉強するか、それにアプローチする方法についての詳細な答えが役に立つでしょう。私はdjangoの基礎にかなり熟達していると思う。私はdjangoベースのウェブサイトでこのアプリを使用するつもりです。それは可能ですか？

私はSOについて同様の質問を検索しようとしましたが、かなり高度な用語を使用していましたが、何もできません。

Answer 1

「グリッド」を設定することは、CSSを使用したフローティング要素に過ぎません。あなたの信頼できる友人、Googleと簡単に見つけることができるオンラインで行う方法に関する1001のチュートリアルがあります。

「クリックして追加情報でポップアップする」というものはJavaScriptであり、特に「リフレッシュしない」フェッチはAJAX（Asynchronous JavaScript and XML）です。再度、その件についてオンラインでたくさんの情報があります。

これはギリシャ語のすべての場合、私は非常に詳細に述べたすべてのトピックについて学習することをお勧めします。あなたはWikipediaのような場所から始めて概観を得ることができますが、Googleで出会ったあまり知られていない概念を調べたり、Amazonや地元の書店で時間を過ごしたり、トピックに関する書籍を見つけることができます。

すべてのことに少し慣れていれば、ほぼ確実にゼロから行うことはできません。バグを導入するための単純な場所として機能する、ブラウザ間の関心事や定型コードがたくさんあります。 JavaScriptフレームワークを選択して、すべての厄介な問題を処理したいと思うでしょう.jQueryは優れた選択肢になります。これは非常に使いやすく、そこでは最も人気のあるJSフレームワークです。したがって、必要なときにチュートリアルやヘルプの不足を経験することはありません。

特定の問題に遭遇した場合、ここに戻って特定の質問をすることができますが、大部分はインターネットや書籍である膨大なリソースからできることを集めることになります遊びます。物事を試し、あなたの過ちから学ぶ。それが学ぶ最も良い方法です。

Answer 2

必要な機能を提供する既存のjQueryまたはSenchaプラグインを検索しましたか？

何らかの理由で自分でデザインする必要がある場合は、HTML、JavaScript、JavaScriptライブラリなどが役立ちます（例jQuery）。

ウィジェットのようなカレンダーを描画するには、HTMLテーブルを使用できます。頭痛になる可能性があるので、テーブルのパディング、マージン、ボーダーなどを注意して注意してください。ポップアップの場合は、jQueryのimpromptuやSimpleModalのようなものを使うことができます。

Answer 3

グリッド行で標準のCRUD操作を実行できるDjangoプラグイン可能なアプリケーションを実装しました。また、クライアント側とサーバー側の両方でカスタム操作を定義することが可能である： https://github.com/Dmitri-Sintsov/djk-sample

：グリッドとして提示されているいくつかのモデルとサンプルプロジェクト、非AJAXののDataTableとAJAXのDataTableの両方があります https://github.com/Dmitri-Sintsov/django-jinja-knockout

クライアントサイドの小さなライブラリでは、jQuery/underscore.js/knockout.jsを使用します。これは、低速接続でも素早くロードされます。