我有一个带有 3 button
s 和 a的 kendoToolbar label
,最终我可能会在其中添加另一个button
或一个下拉菜单来导出网格数据,无论如何..
我想知道如何让引导程序label
填满工具栏的剩余区域。原因是当用户导航到这个网格时,我希望他们知道他们在哪里。
现在它看起来像这样:
这就是我希望它看起来的样子
现在我的代码如下所示:
$("#customerToolbar").kendoToolBar({
items: [
{
template: " <button type='button' id='AddRecord' onClick='CustomerPopupEditor()' class='btn btn-primary'><span class='glyphicon glyphicon-plus'></span> Add</button>  "
},
{
template: "<button type='button' id='edit' class='btn btn-warning myEdit'><span class='glyphicon glyphicon-edit'></span> Edit</button>  "
},
{
template: "<button type='button' id='delete' class='btn btn-danger myDelete'><span class='glyphicon glyphicon-remove'></span> Delete</button>"
},
{
template: "<div class='label label-success'>Customers</div>"
}
]
});
这里是道场
编辑
它不一定需要label
填充工具栏的剩余空间,它可以是任何可以产生与我想要的效果类似的效果的东西。