樹形下拉框 動態加載 數據

在網上找了好久的列子， 終於找到一個，

前台頁面

<script type="text/javascript">
        $(function () {
$("#ProductId").combotree({
                required: true
            }).combotree("tree").tree({
                url: '/SeekSupplyInfo/ProductList',
                checkbox: false,
                onBeforeExpand: function (node, param) {
                    $(this).tree('options').url = "/SeekSupplyInfo/ProductList?id=" + node.id;
                }
            });
});
</script>

<input id="ProductId" name="ProductId">

后台代碼：

這里用的是自己寫一個接口，是獲得父節點列表

   public ActionResult ProductList(string id)
        {
            var data = BusinessLogicFactory.GetLogicInstance<IProductLogic>().GetChildrenNode(id);
            return Json(data);
        }

數據層：

 public IList<Product> GetChildrenNode(string id)
        {
            //當是根節點的時候
            if (id == "root" || string.IsNullOrEmpty(id))
            {
                return DbQuery.Where(d => string.IsNullOrEmpty(d.ParentId)).OrderBy(d => d.Sort).ToList();
            }
            else
            {
                return DbQuery.Where(d => d.ParentId == id).OrderBy(d => d.Sort).ToList();
            }
        }

邏輯層：

 public List<ProductTreeModel> GetChildrenNode(string id)
        {
            List<ProductTreeModel> result = new List<ProductTreeModel>();
            var children = repository.GetChildrenNode(id);
            foreach (var item in children)
            {
                ProductTreeModel model = new ProductTreeModel
                {
                    id = item.Id,
                    text = item.Name
                };
                if (HaveChildren(item.Id))
                {
                    model.state = "closed";
                }
                result.Add(model);
            }
            return result;
        }