我可以通过图像按钮获得列表控制的一些建议吗?

时间:2011-06-24 21:57:34

标签: javascript jquery .net asp.net custom-controls

我正在寻找建议如何实现显示为用户可以在客户端打开/关闭的图像的项目列表,然后可以在服务器端跟踪和保存。

我看了可能使用asp.net列表视图控件,但据我所知,客户端API不是很好,所以我需要编写大量的客户端代码。

有关改善方法的任何建议吗?

2 个答案:

答案 0 :(得分:2)

从jQuery方面来说,我是jQuery UI模型的忠实粉丝,其中UI完全独立于后端。不是每个人都同意这一点(咳嗽 JSF 咳嗽),但如果这是你愿意去的路线,那就不会那么多了。我会做什么:

  • 让asp.net渲染出一个多选INPUT字段。
  • 用CSS隐藏它
  • 通过jQuery解析出值/文本对(可能是值/ URL)
  • 根据值/网址(例如每个中包含IMG的DIV)渲染出您想要的HTML。
  • 将点击事件应用于每个DIV,然后更新INPUT字段的选定值。

现在,我喜欢这种方法的原因是它保持了服务器端代码的简单性。作为前端开发者,我可以更简单地为后端团队保留它,他们看起来更快乐。

我发现大多数商业.net组件的问题是他们吐出了自己的自定义UI层,这个层通常充满了复杂的JS和过于复杂的标记 - 这使得它们在自定义UI中相当不灵活透视。

答案 1 :(得分:1)

Telerik有一个名为“ListView”的ASP.NET AJAX控件,允许用户选择多个图像(在URL示例中单击两个面板底部的项目)。因为它是AJAX,所以选择是将Live与服务器同步,但是如果在添加和删除项目时,ASP.NET页面中的List或类似对象正在执行List.Add()或List.Remove(),则这可能有效。

http://demos.telerik.com/aspnet-ajax/listview/examples/selecting/defaultcs.aspx