捕获标签点击事件

Question

i am using jqxWidgets The tree menu and cannot seem to find a way to capture the click event of a label in jquery. Is there a way to capture this label in jquery for processing? I have included the relevant snippet of code and would appreciate your expert advice. Many thanks

 <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>

Answer 1

The jqxTree has a built in callback for the select event. You can capture this event and retrieve the label that was clicked like so:

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