layui 第三方组件平台

返回首页 发布组件

水平分类 horizontalClassify

树形菜单-水平分类展示:[数据结构]{"id":1,"parentId":null,"name":"分类1"}

更新:2019-7-31 创建:2019-8-30

文档

效果图


[目录结构]
/layui
/layui_exts/horizontalClassify

layui.config({
base: '../../../layui_exts/' //配置 layui 第三方扩展组件存放的基础目录
}).extend({
horizontalClassify: 'horizontalClassify/horizontalClassify'
}).use(['horizontalClassify'], function(){
var horizontalClassify = layui.horizontalClassify;

// 执行示例
horizontalClassify.render({
elem: '#test'
, title : ['一级分类', '二级分类', '三级分类', '四级分类'] // 自定义水平分类标题
, showSearch: true // 分类是否可搜索
, url : '/demo//horizontalClassify/list' // 获取分类列表接口
, delUrl : '/demo/horizontalClassify/del' // 删除分类接口
, addUrl : '/demo/horizontalClassify/add' // 添加分类接口
, editUrl : '/demo/horizontalClassify/edit' // 编辑分类接口
});
});
接口响应数据示例
url:{"code":"200","message":"成功","data":[{"id":1,"parentId":null,"name":"一级分类1"},{"id":2,"parentId":null,"name":"一级分类2"},{"id":3,"parentId":null,"name":"一级分类3"}]}
delUrl:{"code":"200","message":"成功","data":null}
addUrl:{"code":"200","message":"成功","data":{"id":14,"parentId":null,"name":"测试"}}
editUrl:{"code":"200","message":"成功","data":null}

下载

去码云下载
该扩展组件由第三方用户主动投递,并由其自身进行维护,本站仅做收集。