我正在创建一个应用程序,它将有一个消息列表,每个消息都可以是已读或未读。想想GMAIL (尽管我并不打算重建它)……
我的问题是,当我输出所有这些消息时,我需要列出消息是已读还是未读,我还需要提供将消息状态从已读更改为未读的功能。话虽如此,你建议我如何存储它呢?一个复选框,一个隐藏的输入值?有什么想法吗?
谢谢
发布于 2010-12-28 12:48:56
复选框可能是显示消息是否已读的一种简单方法,但我认为消息头(或此页面上显示的任何内容)之间的样式差异将使UI更好。
您可以存储与每条消息相关联的“消息类型”,用于在构建页面时设置class。在已读和未读状态之间切换时,样式将根据您为该状态设置的规则翻转。
例如)
.unread{
background-color:#DDDDDD;
font-weight:bold;
}
.read{
background-color:#FFFFFF;
font-weight:normal;
}发布于 2010-12-28 12:47:41
如果读取状态具有某种视觉效果,则为类。字体从粗体变为普通),$(foo).data("read",true);否则。
我肯定会避免隐藏输入;它比其他方法更麻烦,而且只有当您需要提交正在尝试跟踪的状态的表单时,它才是真正值得的(我猜您没有需要提交已读消息的表单?)。
https://stackoverflow.com/questions/4543665
复制相似问题