关注页面(区域和类型)

功能描述:上部为选择区域,下部为选择类型,底下在选择时显示关注了XX地区的XX的消息,最底部一个保存按钮。当选择区域时,给选择的区域LinkButton一个背景色,并在区域repeater上方显示选择的区域;选择类型时,给选择的类型一个选择效果的图片;再次点击已经关注的区域或类型时,将其取消选择;切换区域时,将已选择的类型全部清空;当未选择区域或者类型时不能保存;


关注页面(区域和类型)_第1张图片
区域前台代码


关注页面(区域和类型)_第2张图片
类型前台代码


关注页面(区域和类型)_第3张图片
选择提示以及保存前端代码

后台代码:


关注页面(区域和类型)_第4张图片
区域的行操作方法


关注页面(区域和类型)_第5张图片
类型的行操作方法1


关注页面(区域和类型)_第6张图片
类型的行操作方法2


关注页面(区域和类型)_第7张图片
保存方法


关注页面(区域和类型)_第8张图片
取出类型和区域选择效果方法


关注页面(区域和类型)_第9张图片
切换区域和隐藏提示Div方法


关注页面(区域和类型)_第10张图片
弹出提示消息方法

效果图:


关注页面(区域和类型)_第11张图片
效果图1


关注页面(区域和类型)_第12张图片
效果图2


关注页面(区域和类型)_第13张图片
效果图3

你可能感兴趣的:(关注页面(区域和类型))