2014-03-31 34 views
0

我正在使用jqxWidgets树菜单,似乎无法找到一种方法来捕获jQuery中的标签的单击事件。有没有办法在jquery中捕获这个标签进行处理?我已经包含了相关的代码片段,并会感谢您的专家建议。非常感谢捕获标签单击事件

<script type="text/javascript"> 
    $(document).ready(function() { 
    var source = [ 
    { label: "Weekly Reports", expanded: false, items: [ 
     { label: "Intake" }, 
     { label: "Retrieval", selected: false }, 
     { label: "Returns", selected: false } 
    ] 
    }, 
    /*{ label: "Item 2" }, 
    { label: "Item 3" },*/ 
    { label: "Monthly Reports", items: [ 
     { label: "Item 4.1" }, 
     { label: "Item 4.2" } 
    ] 
    }, 
    /*{ label: "Item 5" }, 
    { label: "Item 6" }, 
    { label: "Item 7" }*/ 
    { label: "Movement Reports", items: [ 
     { label: "Item 4.1" }, 
     { label: "Item 4.2" } 
    ] 
    }, 
    { label: "Destruction Reports", items: [ 
     { label: "Item 4.1" }, 
     { label: "Item 4.2" } 
    ] 
    }, 
]; 
    var theme = ""; 
    // Create jqxTree 
    $("#jqxTree").jqxTree({ source:source, theme: theme }); 

    // Create jqxExpander 
    $("#jqxExpander").jqxExpander({ showArrow: false, toggleMode: "none", width: "262px", height: "auto", theme: theme }); 
    }); 
</script> 
+2

显示此呈现的实际HTML以及您如何连接事件处理程序。 –

+0

没有呈现的html。该树使用发布的代码进行填充。如果我使用萤火虫,这是代码产生时,我选择元素,然后单击:

Intake
user1532468

+0

如果没有呈现HTML,如何有人看到任何东西? –

回答

0

jqxTree对select事件具有内置回调。您可以捕获此事件并检索被点击的标签,如下所示:

$('#jqxTree').on('select',function (event){ 
    var args = event.args; 
    var item = $('#jqxTree').jqxTree('getItem', args.element); 
    var label = item.label; 
});