KenDoui实现无限级导航菜单

本文详细记录了如何使用KendoUI创建无限级导航菜单的过程,包括数据库设计、jsp页面、JavaScript代码以及后台SSM框架的实现。通过一步步操作,最终成功实现了动态加载各级菜单的功能。
摘要由CSDN通过智能技术生成

这导航菜单花费了好多时间,在此记录下来,希望对有需要的朋友提供一些帮助,好了  废号不多说。。。。。



 第一步,创建数据库





第二步,编写jsp页面代码

<body>
  
<ul id="menu"></ul>


</body>
<script type="text/javascript">
//1.创建一个空菜单
var menu = $("#menu").kendoMenu({}).data("kendoMenu");
//2.创建一个数据源
var ds = new kendo.data.DataSource({
transport : {//传输读取方式
read : {
 url : "<%=basePath %>kendomenu/findMenu.spring",
dataType : "json" 
}


},
schema : {
data : function(data) {
//4.将得到的数据源添加到菜单中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值