设计网格以动态更新数据

Question

对于我的问题没有编码术语，我事先非常道歉。你们许多人可能已经看过或使用谷歌日历。我正在尝试设计一个类似的网络应用程序（不是日历，但共享2维网格的相同概念，点击任何网格应该导致弹出窗口，我填充它进入特定网格的数据，而无需刷新页面）。编辑网格数据或删除它们的选项也应该在那里。

我不知道设计此类网页所需的基本要素。用什么语言（或库）来设计这样的应用程序？我从哪里开始？关于学习什么或如何处理它的详细答案将是有帮助的。我觉得我很熟悉django的基础知识。我打算在基于django的网站上使用这个应用程序。这可能吗？

我试图在SO上搜索类似的问题，但他们使用的是非常高级的术语，我无法做出任何改进。

Answer 1

设置“网格”只不过是使用CSS浮动元素。有关于如何在线进行此操作的1001个教程，可以与您可靠的朋友Google轻松找到。

“点击并弹出附加信息”的东西是JavaScript，特别是“无刷新”的提取是AJAX（异步JavaScript和XML）。此外，网上还有大量有关该主题的信息。

如果这对您来说都是希腊语，我建议您详细了解我提到的所有主题。你可以从像维基百科这样的地方开始概述，但是，查看你在谷歌遇到的不熟悉的概念，或者花一些时间在亚马逊或你当地的书店，找一些关于这些主题的书籍。

一旦你熟悉了所有这些，你几乎肯定不会从头开始。有大量的跨浏览器问题和样板代码，只是引入错误的地方。你会想要选择一个JavaScript框架来处理所有的问题，jQuery将是一个很好的选择。它非常易于使用，并且几乎是最流行的JS框架，因此您在教程中不会遇到任何不足或在需要时提供帮助。

如果您遇到具体问题，可以回到这里询问具体问题，但在大多数情况下，您可以从互联网和/或书籍这样庞大的资源中收集到什么，并且只是玩游戏。尝试一下，从错误中吸取教训。这是最好的学习方式。

Answer 2

您是否搜索过可提供所需功能的现有jQuery或Sencha插件？

如果您出于某种原因需要自己设计，那么您需要以下技术的组合：HTML，JavaScript，一些JavaScript库会很有用（例如jQuery）。

要像小部件一样绘制日历，您可以使用HTML表格。小心并注意桌子的填充，边距，边框等，因为这可能是一件令人头疼的事。对于弹出窗口，您可以使用jQuery impromptu或SimpleModal。

Answer 3

我实现了Django可插拔应用程序，它允许使用网格行执行标准CRUD操作。此外，还可以在客户端和服务器端定义自定义操作： https://github.com/Dmitri-Sintsov/django-jinja-knockout

有一些示例项目，其中一些模型以网格形式呈现，包括非AJAX数据表和AJAX数据表： https://github.com/Dmitri-Sintsov/djk-sample

它在客户端使用jQuery / underscore.js / knockout.js - 即使在较慢的连接时也可以快速加载的小型库。