火焰

valeb
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

商品分类选择 Jquery插件

Posted on 2018-01-25 11:17  valeb  阅读(363)  评论(0编辑  收藏  举报

如果想要用此插件,请加微信: DS_valeb   说 category 插件索取

效果如下:

注意,一次性加载所有数据, 只适用小量,如果量大,请根据你的可行性来决择!

 

数据表设计结构如下:

 

调用如下:

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Categories</title>
    <link href="~/Content/Base/jquery.category.css" rel="stylesheet" /> 
    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="~/Scripts/Base/jquery.category.js"></script>
    <script>
        $(function () {
            $("#category").dsCategories({
                url: "/Home/Category", // getJson 同步请求 只请求一次
                queryParams: function (params) {
                    return {};
                },//暂未添加 
                jsonName: "CategoryNameDesc",//显示名字
                jsonValue: "CategoryID",//当前项ID
                jsonParentageValue: "PCategoryID",//上级项ID
                jsonRootValue:0,//根项值
                callback: function (text,value,item) { //选择每项时回调函数:
                    //text 所选项值 
                    //value 当前项ID
                    //item 当前项
                }
            });
        })
    </script>
</head>
<body>
    <div id="category"></div>
</body>
</html>