如何在 ASP.NET 中使用 jquery、json 对象和 xml 文件构建小部件页面答案

【问题标题】：How to build widget page using jquery, json object, and xml file in ASP.NET如何在 ASP.NET 中使用 jquery、json 对象和 xml 文件构建小部件页面
【发布时间】：2010-02-12 21:42:13
【问题描述】：

我正在尝试构建一个包含不同用户控件的页面，该控件分为 3 列。

我已经为将加载用户控件的页面和小部件创建了一个自定义类。自定义类需要存储在 XML 文件中，并使用可排序的 jQuery 来实现拖放功能。

此时，我的问题是加载和保存页面状态和页面内小部件的最佳实现是什么？我正在考虑为此使用 JSON 和 WebMethod，但我仍然错过了应该如何构建页面的架构。

请帮帮我，因为我是 ASP.NET 开发和 jQuery 的新手...提前致谢！

【问题讨论】：

你有没有成功解决过这个问题？您还需要这方面的帮助吗？

标签： asp.net xml webmethod jquery-ui-sortable

【解决方案1】：

这是为了上课吗？你看过这里的网站：http://dropthings.omaralzabir.com/ 或 pageflakes.com 吗？它们最初是在相同的代码库上编写的。

我从他的工作中汲取灵感，为一个内部项目编写了我自己的仪表板，这与您在上面的要求相符。三列（但在我的情况下，您可以根据预定义的列表更改列的数量和大小），带有可拖动的小部件，并使用 jQuery 可排序和可拖动（您可以重复将一个小部件拖到页面上）。

好的，既然我已经为您提供了至少一个示例项目供您参考，请允许我询问更多详细信息。您如何构建小部件以将它们放在页面上？您是在 javascript 中还是在服务器上构建 DOM 元素？这主要是我跟踪我的状态的方式。主 div 上的一些自定义属性，这些自定义属性是我的 web 服务 JSON 的一部分，各个部分是 .ascx，这些属性告诉 ascx 如何结束。

IE：我有一个 RSS 阅读器小部件，它可以传递我正在阅读的 RSS 提要。我有一个 twitter 小部件，它遵循一个或多个用户或术语（使用搜索 api），这些术语/用户被传递到 twitter 小部件。我有一个 gridview 小部件，它从传递给它的自定义数据中获取特定的存储过程。我有一个图表，可以从传入的自定义数据中获取宽度和高度以及存储过程。

我传递的所有自定义数据都与 div 包装器上的那些属性相关联。

【讨论】：

我知道了，谢谢！我已经想通了，我的解决方案实际上是从服务器传递 JSON 对象并在客户端修改 DOM 元素。每当 DOM 发生变化时，JSON 对象将被发送到服务器，因此包含每个元素位置的 XML 文件也将被更新。到目前为止它有效！非常感谢您帮助我...
是的，我也是这样做的，每次更新一个元素时我都会传递所有元素的位置，所以我知道我的数据一直保持同步。祝一切顺利。有兴趣在 stackoverflow 上讨论你如何构建事物，但不愿向公众发布相当纯粹的内部代码。如果你有兴趣，上面的用户名也是我的 gmail 帐户。