$('#cid').combobox({
url:'showClass.do',
valueField:'id',
textField:'text'
})
然后,控制层返回的数据应该是JSON格式的数据,例如
[{"id":1, "text":"text1"},{ "id":2, "text":"text2"}]
//添加新的手风琴风格菜单function addMenu(data, sysName) {
var menuList = ""
//回圈全部模组菜单讯息
$.each(data, function (i, objOne) {
menuList = "<ul class='easyui-datalist' style='height:100%' >"
//回圈某个模组下所有菜单讯息
$.each(objOne.MenuInfo, function (j, objTwo) {
if (objTwo.PackageUrl != "") {
menuList += " <li><a href='#' onclick=\"addTab('" + objTwo.MenuName + "','" + objTwo.PackageUrl + "')\">" + objTwo.MenuName + "</a></li>"
}
else {
menuList += " <li>" + objTwo.MenuName + "</li>"
}
})
menuList += " </ul>"
$('#divMenuDetail').accordion('add', {
title: <a href='#' onclick=\"addTab('" + objOne.MenuModelName + "','" + objOne.PackageUrl + "')\">" + objOne.MenuModelName + "</a>", //菜单模组名称
content: menuList, //本模组菜单清单
selected: false
})
})
var pp = $('#divMenuDetail').accordion('panels')
var t = pp[0].panel('options').title
$('#divMenuDetail').accordion('select', t)
}
这是我自己用的easyUI动态生成两层菜单前台JS方法
你需要用ajax去后台抓出两层菜单传到前台,objOne是第一层,objTwo是第二层,参考一下
1、在HBuilder软件中创建web项目,并在web项目指定的目录下创建静态页面select.html。
2、引入EasyUI插件核心css和js文件,并引入jQuery核心js文件。
3、下面开始编写ComboBox容器,该控件利用的是select标签元素构成的,设置ComboBox样式,如下图所示。
4、编辑js代码,获取ComboBox选中的值和文本,利用getValue和getText方法分别获取值和文本。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)