layui中formSelects多选组件使用

                    layui中formSelects多选组件使用日记

---

一、下载引用

     1、下载

           在layui 第三方组件平台下载：https://fly.layui.com/extend/formSelects，当然也要先下载layui和jquery啦。此处不进行jquery的演示。

     2、引用

      

      

     

     

二、使用

   1、界面使用

   

  

请选择

---

JS调用：

---

后台Controller方法查询数据
/**根据code查询机构下的部门*/

@PostMapping("/userorganizationbycode")

@ResponseBody

public JSONObject userOrganizationByCode(Model model,String code){

List  organizationList =organizationService.selectLeafsByCode(code);

JSONObject jo =new JSONObject();

JSONArray ja =new JSONArray();

if(null != organizationList && organizationList.size()>0) {

jo.put("code",0);

jo.put("msg","success");

//拼接下拉选项JSON

      for (Organization organization: organizationList) {

        JSONObject ro =new JSONObject();

        ro.put("value", organization.getCode());

        ro.put("name",organization.getName());

        ja.add(ro);

   }

      jo.put("data", ja);

 }

    System.out.println(jo);

     return jo;

}

返回JSON数据格式如下：

{"msg":"success","code":0,"data":[{"name":"开发组","value":"1010101"},{"name":"大的说法","value":"1010103"}]}

展示效果：

本文仅为本人使用心得，若对您有所帮助，那就是我最开心的啦。当然，不喜勿喷..............

---

本文参考了https://hnzzmsf.github.io/example/example_v4.html