easyui sidemenu側邊欄點擊事件

<!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的方式獲得。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章