如何在快递JS中的选项卡内呈现部分视图？

我想知道如何在选项卡面板中渲染局部视图。 我的路线从索引页面开始使用下面的代码：

var express = require('express') , router = express.Router() , index = require('../models/index') router.use('/users', require('./api/users')) /*GET home page*/ router.get('/', function(req, res) { index.all(function(err, gridData) { res.locals.gridData = JSON.stringify(gridData.details); res.render('index'); }); }); 

和我的索引页面如下：

 <div id="MainTab"> <ul> <li><a href="#Tab1">Tab1</a></li> <li><a href="#Tab2">Tab2</a></li> <li><a href="#Tab3">Tab3</a></li> </ul> <div id="Tab1"> {{> Tab1 }} </div> <div id="Tab2"> {{> Tab2 }} </div> <div id="Lamination"> {{> Tab3 }} </div> </div> 

和以下是我的部分页面与把手：

 Tab1.hbs: <div id='Tab1_Content'>{{{gridData}}}</div> Tab2.hbs: <div id='Tab2_Content'>Testing Tab2</div> Tab3.hbs: <div id='Tab3_Content'>Testing Tab3</div> 

最初我只会发送数据到Tab1。 如果我这样做，Tab2和Tab3的部分视图内的内容将从主体内容出去。 其余选项卡的内容在单击其各自的选项卡标题时应加载。 请build议我在选项卡中正确加载这些部分视图。