JQuery中easyui-combobox控件怎么从后台加载数据啊?求大神指点!

JQuery中easyui-combobox控件怎么从后台加载数据啊?求大神指点!,第1张

首先,要指定返回的数据项哪个属性是value,哪个属性是text,

$('#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方法分别获取值和文本。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/7947513.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存