在 jQuery EasyUI 中,可以使用标记(markup)来创建树形菜单。以下是一个简单的例子,演示如何使用标记创建一个基本的树形菜单:

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

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

3. 使用 jQuery EasyUI 的 tree 方法初始化树形菜单,并在标记中定义树形结构:
<script>
  $(function(){
    // 初始化树形菜单
    $('#tree').tree({
      data: [{
        text: 'Node 1',
        children: [{
          text: 'Node 1.1'
        }, {
          text: 'Node 1.2'
        }]
      }, {
        text: 'Node 2',
        state: 'closed', // 节点初始时处于关闭状态
        children: [{
          text: 'Node 2.1'
        }, {
          text: 'Node 2.2'
        }]
      }]
    });
  });
</script>

在这个例子中,我们使用 tree 方法初始化了一个树形菜单,并通过 data 选项定义了树形结构。每个节点都有一个 text 属性表示节点文本,如果需要包含子节点,可以使用 children 属性。节点的 state 属性可以设置节点初始时的状态,这里使用 closed 表示初始时处于关闭状态。




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