kendu 的下拉复选+linq 的复杂查询+一句话二次筛选+前端使用

最新推荐文章于 2020-12-26 22:24:17 发布

飞鸟flyboy

最新推荐文章于 2020-12-26 22:24:17 发布

阅读量525

点赞数

本文链接：https://blog.csdn.net/a5251199/article/details/72769925

版权

手机同时被 3 个专栏收录

10 篇文章 0 订阅

订阅专栏

kendo

8 篇文章 0 订阅

订阅专栏

json

4 篇文章 0 订阅

订阅专栏

本文探讨如何利用Kendo UI的下拉复选功能结合LINQ进行复杂的数据库查询，并在前端通过一句代码实现二次数据筛选，提升用户体验。适合于JSON数据操作的Web应用开发。

摘要由CSDN通过智能技术生成

view

 <input type="text" id="BB_TYPE" name="BB_TYPE" value="" placeholder="" style="width: 68%;" />

前端js

<script type="text/javascript">
    var app = new kendo.mobile.Application(document.body, { skin: "nova" });

    $(function () {

        var dict_jx_type = new kendo.data.DataSource({
            transport: {
                read: {
                    type: "get",
                    url: "/DICT/JX_TYPE?PY=XYJX",
                    dataType: "json"
                }
            },
            schema: {
                data: "results"
            }
        });

        var JX_TYPE = $("#BB_TYPE");
        JX_TYPE.kendoDropDownList({
            dataTextField: "NAME",//json返回的name
            dataValueField: "ID",
            dataSource: dict_jx_type
        });

    });

</script>

之后后台服务端linq和 json传递，这个是在mvc的控制器里

 /// <summary>
        /// json获取申报类别前端调用
        /// </summary>
        /// <returns></returns>
        [HttpGet]
        public JsonResult sblb()
        {
            var r = (from a in base_db.BB_TYPE
                     select new
                     {
                         ID = a.ID,
                         NAME = a.UNAME,
                         SORT_NUM = a.SORT_NUM
                     }).AsEnumerable().Select(p => new V_DICT_ALL
                     {
                         ID = p.ID,
                         SORT_NUM = p.SORT_NUM,
                         NAME = p.NAME
                     });

            var empty = new V_DICT_ALL { ID = 0, NAME = "--选择全部--", SORT_NUM = 0 };
            List<V_DICT_ALL> v = new List<V_DICT_ALL>();
            v = r.ToList<V_DICT_ALL>();
            v.Add(empty);

            v.Sort(SortNumber);
            return Json(new { results = v }, JsonRequestBehavior.AllowGet);

        }

结果，前端出现下拉选择，数据是从后台的库里面获取的同时通过json格式传递到前台，