EasyUI SlideMenu(侧边菜单)组件绑定事件添加事件单击事件

最新推荐文章于 2024-06-20 09:51:02 发布

古镇渔夫

最新推荐文章于 2024-06-20 09:51:02 发布

阅读量4.1k

点赞数

分类专栏：前端文章标签： easyui js

本文链接：https://blog.csdn.net/qq_39400208/article/details/104262720

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

最近刚接触了EasyUI框架，在看官方文档的时候发现有些地方写的不够详细。

官方SlideMenu的demo：

http://www.jeasyui.net/demo/959.html

在这里插入图片描述

官方SlideMenu文档

http://www.jeasyui.net/plugins/754.html

在这里插入图片描述

官方对于事件的文档只有寥寥一行，但是好在实践出真知，在不断尝试下，找到了SlideMenu中标签事件的方法绑定，话不多说看代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Layout</title>
    <link rel="stylesheet" href="easyui/themes/gray/easyui.css" >
    <link rel="stylesheet" href="easyui/themes/icon.css">
    <script src="easyui/jquery.min.js"></script>
    <script src="easyui/jquery.easyui.min.js"></script>
    <style>
        html,body{margin:0;pading:0;}
    </style>
</head>
<body>

            <div id="sm" class="easyui-sidemenu" data-options="data:Data, onSelect:test" style="width: 100%"></div>

</body>
<script type="text/javascript">
    var Data = [{
        text: 'Item1',
        iconCls: 'icon-sum',
        state: 'open',
        children: [{
            text: 'Option1',
            click:'out'
        },{
            text: 'Option2'
        },{
            text: 'Option3',
            children: [{
                text: 'Option31'
            },{
                text: 'Option32'
            }]
        }]
    },{
        text: 'Item2',
        iconCls: 'icon-more',
        children: [{
            text: 'Option4'
        },{
            text: 'Option5'
        },{
            text: 'Option6'
        }]
    }];


    function test(item){
        alert(item.text);
        console.log(item.text);
    }

</script>
</html>

古镇渔夫

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
11
评论
EasyUI SlideMenu(侧边菜单)组件绑定事件添加事件单击事件

最近刚接触了EasyUI框架，在看官方文档的时候发现有些地方写的不够详细。官方SlideMenu的demo：http://www.jeasyui.net/demo/959.html官方SlideMenu文档http://www.jeasyui.net/plugins/754.html官方对于事件的文档只有寥寥一行，但是好在实践出真知，在不断尝试下，找到了SlideMenu中...
复制链接

扫一扫