easyui sidemenu侧边栏点击事件

最新推荐文章于 2024-08-03 20:55:05 发布

麻花配芝麻糊

最新推荐文章于 2024-08-03 20:55:05 发布

阅读量3.4k

点赞数

分类专栏： easyui

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

版权

easyui 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!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>
————————————————
版权声明：本文为CSDN博主「古镇渔夫」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_39400208/article/details/104262720

在sidemenu的data-options中添加onSelect：函数名，

在函数的参数item是点击时选取的目标，其中可以在sidemenu中添加特定属性，比如id，可以通过item.id的方式获得。