在 jQuery EasyUI 的树形菜单(tree)中,如果您想动态加载父节点或子节点,可以通过设置 onBeforeExpand 事件和 loadFilter 属性来实现。以下是一个简单的例子,演示如何在 EasyUI 树形菜单中加载父节点和子节点:

1. 确保您已经引入了 jQuery 和 EasyUI 的相关文件。您可以从官方网站([EasyUI 官网](http://www.jeasyui.com/))下载并引入这些文件。

2. 在 HTML 中创建一个容器,用于显示动态加载的树形菜单:
<div id="dynamicTree"></div>

3. 使用 jQuery EasyUI 的 tree 方法初始化树形菜单,并设置 onBeforeExpand 事件和 loadFilter 属性:
<script>
  $(function(){
    // 初始化动态加载的树形菜单
    $('#dynamicTree').tree({
      url: 'your_backend_api_url', // 远程数据源的 URL,需要替换成实际的后端接口地址
      method: 'get',                // 请求方式,可以根据实际情况选择 'get' 或 'post'
      animate: true,                // 是否启用动画效果
      onBeforeExpand: function(node){
        // 在节点展开之前触发的事件
        $('#dynamicTree').tree('options').url = 'your_backend_api_url?id=' + node.id;
      },
      loadFilter: function(data, parent){
        // 加载数据时的过滤器,可以在这里处理后台返回的数据
        console.log('加载数据:', data);
        return data;
      }
    });
  });
</script>

在这个例子中,您需要替换 url 属性的值为实际的后端接口地址,该接口应该返回符合 EasyUI 树形菜单格式的 JSON 数据。后端接口需要接收参数 id,该参数表示要加载子节点的父节点的标识。




转载请注明出处:http://www.zyzy.cn/article/detail/13138/jQuery EasyUI