从xmlDocument创建Extjs树形面板，保存在全局常量中

的步骤如下：

1. 首先，需要将xmlDocument转换为JSON格式的数据。可以使用适当的库或方法将xmlDocument转换为JSON对象。例如，可以使用xml2json库或者自定义的方法来完成这个转换过程。
2. 接下来，使用Extjs框架创建一个树形面板。树形面板是Extjs中的一个组件，用于展示树状结构的数据。可以使用Ext.tree.Panel类来创建树形面板。
3. 在创建树形面板时，需要指定面板的配置项，包括数据源、树形结构、节点渲染等。可以根据具体需求进行配置。例如，可以指定树形面板的根节点、节点的文本、图标等。
4. 将转换后的JSON数据作为树形面板的数据源，通过设置面板的store属性来加载数据。可以使用Ext.data.TreeStore类来创建树形面板的数据源。
5. 最后，将创建好的树形面板保存在全局常量中，以便在其他地方可以访问和使用。可以将树形面板保存在一个全局变量中，或者将其作为一个属性保存在全局对象中。

以下是一个示例代码，演示了如何从xmlDocument创建Extjs树形面板并保存在全局常量中：

// 将xmlDocument转换为JSON格式的数据
var jsonData = xml2json(xmlDocument);

// 创建树形面板
var treePanel = Ext.create('Ext.tree.Panel', {
  title: 'My Tree Panel',
  store: Ext.create('Ext.data.TreeStore', {
    root: {
      text: 'Root',
      expanded: true,
      children: jsonData
    }
  }),
  width: 400,
  height: 300,
  renderTo: Ext.getBody()
});

// 将树形面板保存在全局常量中
const GLOBAL_TREE_PANEL = treePanel;

在上述示例中，xmlDocument被转换为JSON数据后，作为树形面板的数据源。树形面板被创建并渲染到页面上，并最终保存在名为GLOBAL_TREE_PANEL的全局常量中。可以根据具体需求进行配置和修改。