kendu 的下拉複選+linq 的複雜查詢+一句話二次篩選+前端使用

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格式傳遞到前臺,
發佈了175 篇原創文章 · 獲贊 12 · 訪問量 23萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章