var currtTreeArr = []; //當前樹列表數(shù)組
var treeData = []; //根節(jié)點數(shù)據(jù)
var treeHistoryArr = []; //歷史打開的樹，用于回退，進入到其他節(jié)點
$(".mui-table-view").on("click", ".mui-navigate-right", function () { //列表冒泡監(jiān)聽點擊
  var idx = $(this).attr("index");
  if (currtTreeArr[idx].children.length) {
    //把點擊項的子樹顯示出來，并添加當前點擊的子樹到歷史
    currtTreeArr = currtTreeArr[idx].children;
    treeHistoryArr.push(currtTreeArr);
    renderTree(currtTreeArr);
  } else {
    renderLeafNode(currtTreeArr[idx].id); //葉子節(jié)點
  }
});

//渲染樹結(jié)構(gòu)列表
function renderTree(data) {
  if (treeHistoryArr.length > 1) {
    $("#goback").show(); //顯示返回上一級按鈕
  } else {
    $("#goback").hide();
  }
  var dom = "";
  data.forEach(function (item, idx) {
    dom +=
      ' <li class="mui-table-view-cell"><a class="mui-navigate-right" index=' +
      idx +
      ">" +
      item.name +
      "</a></li>";
  });
  $(".mui-table-view").empty().html(dom);
}

//顯示樹
function showTreeList() {
  treeHistoryArr = [];
  currtTreeArr = [{ //獲取到的樹數(shù)據(jù)
    name: '根節(jié)點',
    id: 1,
    children: [{
      name: '一級1',
      id: 11,
      children: [...]
    }, {
      ...
    }]
  }, ...];
  renderTree(currtTreeArr);
  treeHistoryArr.push(currtTreeArr);
  mui(".mui-off-canvas-wrap").offCanvas("show");
}

function renderLeafNode(id) {
  ...葉子節(jié)點的渲染
}