ASP.Net 表单。向联系人添加多个电话号码,无需页面回发
我正在使用 ASP.Net 3.5 / 4.0 Forms 开发联系人管理系统。
我想开发一个类似于 37Signals 在 Highrise 中使用的功能。
我想知道你能帮我弄清楚 Highrise 如何实现此功能吗?
编辑联系人时,它们允许用户将多个电话号码添加到联系人详细信息中。如果已有电话号码,则该号码下方有一个“添加电话”链接,该链接会自动打开一个子表单,供用户输入新号码并从下拉列表中选择类型。
用户添加所有电话号码后,单击“保存”,将所有更新保存到数据库中。
他们是怎么做到的?我假设他们使用 AJAX 或 jQuery 或类似的,因为没有页面回发。
我想使用 ASP.Net Forms 做类似的事情。
我在 Google 上搜索了代码片段,但没有成功。
提前致谢。
亲切的问候
沃尔特
I am working on a contact management system using ASP.Net 3.5 / 4.0 Forms.
I would like to develop a feature similar to what 37Signals use in Highrise.
I wonder could you help me work out how Highrise do this feature please?
When editing a Contact they allow the user to add multiple telephone numbers to the Contact details. If there is a telephone number already then beneath that number there is a link to 'Add a phone' which then automatically opens a sub-form for the user to enter a new number and select a type from a drop down list.
After the user has added all the telephone numbers they then click 'Save' which saves all the updates to the database.
How do they do that? I assume they're using AJAX or jQuery or similar since there is no page postback.
I would like to do something similar using ASP.Net Forms.
I've searched Google for code snippets but no success.
Thanks in advance.
Kind Regards
Walter
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我不确定他们到底是如何做到的,但这是当今非常常见的技术。我建议结合使用 jQuery 和 MS AJAX。
使用 jQuery UI 对话框 向用户显示弹出对话框。在对话框内部,使用 UpdatePanel,以便当用户单击保存按钮时,一切都是异步的。
这是一个非常好的入门指南:
http://blog.roonga .com.au/2009/07/using-jquery-ui-dialog-with-aspnet-and.html
I'm not sure how exactly they did it, but it's a pretty common technique these days. I would suggest using a combination of jQuery and MS AJAX.
Use the jQuery UI Dialog to show the popup dialog to the user. Inside of the dialog, use an UpdatePanel so when the user clicks the save button, it's all asynchronous.
Here's a really good guide to get you started:
http://blog.roonga.com.au/2009/07/using-jquery-ui-dialog-with-aspnet-and.html