JavaWeb 省市级菜单如何被选中-蒲公英云

JavaWeb 省市级菜单如何被选中

红太狼 2021-09-10 15:10 328阅读 0赞

JavaWeb 省市级菜单如何被选中。

效果图

这里写图片描述

数据组装

如果向initProcitys方法传递一个市的code，比如说洛阳的HNLY，那么根据HNLY的唯一性，确定省的选中项。确定完省市级的选中项后，为其增加selected属性。

package com.hc.jf.controller;
import java.util.List;
import org.apache.log4j.Logger;
import com.hc.jf.entity.Citys;
import com.hc.jf.entity.Provincials;
import com.jfinal.kit.JsonKit;
public class ProcityController extends BaseController { 
    private static Logger logger = Logger.getLogger(ProcityController.class);
    public void initProcitys() {
        logger.info("获取所在地区");
        String city_code = getPara(0);
        String pro_code = "";
        // 则说明是展示页面，此时需要为省级菜单和市级菜单设置选择项
        if (city_code != null) {
            Provincials selected_provincial = Provincials.me.getProvincialByCitycode(city_code);
            pro_code = selected_provincial.getStr("procode");
        }
        List<Provincials> provincials = Provincials.me.getProvincials();
        for (Provincials provincial : provincials) {
            if (!pro_code.equals("") && provincial.get("procode").equals(pro_code)) {
                provincial.put("selected", "selected");
            }
            List<Citys> citys = Citys.me.getCitysByProvincialId(provincial.getLong("id"));
            for (Citys city : citys) {
                // 市级菜单被选中
                if (city_code != null && city.get("code").equals(city_code)) {
                    city.put("selected", "selected");
                    break;
                }
            }
            provincial.put("citys", JsonKit.toJson(citys));
        }
        setAttr("provincials", provincials);
        render("procity.jsp");
    }
}

要想知道哪个省市级被选中，只需要参数中传递一个市级菜单code就可以了，比如BJBJ。
那么根据BJBJ为省级菜单、市级菜单分别添加selected，当然只为要选中的项目。

前端显示处理

前端显示的规则就是拿到有selected属性的项目，进行选中显示。

<option value="${item.procode}" cdata='${item.citys}' <c:if test="${item.selected=='selected'}">selected="selected"</c:if>>${item.proname}</option>

省级的用jstl来判断属性后添加。

var selected = city_data[i].selected;
        if (selected == 'selected') {
            $city_select.append("<option value='"+code+"' selected>"+cname+"</option>");
        } else {
            $city_select.append("<option value='"+code+"'>"+cname+"</option>");
        }