「前端杂货」别再羡慕别人的页面啦，教你点击直接打开侧边栏

三日只见，我们的客户服务又发来新的疑问。

这次无需意味着的场景是在前端示例环境之中，像模版按键那样，点击之后弹借助于一个侧边栏，然后通过点击各有不同的真参数表推测各有不同的概要。

最后我们就带大家一起来看看，如何在前端电长子示例之中意味着这样的功能。

实例转换 首必先，我们必先常规地在用户界面的ribbon上插入一个按键。

按键插入完毕后，我们来创始人一个侧边栏模版。这个侧边栏模版其实是一个template取向，大家可以通过getTemplate去取一些常见的模版，观察它的结构。

比较常用的特性有：templateName和content。其之中content是一个链表，；还有可以相关联各有不同原长子种类的取向。关于原长子种类前面我们会为大家引介更多相关概要，大家在这里可以简单将原长子部件理解为增设template的理论上各单位。

由于概要容量很多，我们这里只撷取部分为大家引介。content；还有的第一个近似于一般就是侧边栏的开头，我们可以所选一个种类为TextBlock的原长子种类，然后通过css型式给这个开头掺入型式。text就近似于开头的文档。在第二个取向之中我们所选了一个容器种类名为“Container”，；还有相关联一些长子部件，可以设其margin边距、width宽度等，除此之外还可以设bindingPath，看起来类似数据库默认，这个参数是可以选取是否动态简介数据库的也就是说。

将template创始人完成后，最后我们无需注册该模版。

template除了有UI外，还无需有近似于的command，我们也无需去定义命令取向。有一个无需请注意的并不一定是visibleContext，这个用于遏制模版的推测和关闭，比较关键。然后就是处理侧边栏的状态的getState了，在这里，我们可以去对侧边栏的概要做更改。如下面的text1和text2就是前面提到的bindingPath，当我们点击到所选的真参数表时，侧边栏就会推测近似于参数。

再接着，将这个ui和command规整为一个侧边栏取向之中。

并且掺入到我们的config；还有。

最后再回到前面定义的按键的取向之中将遏制侧边栏显隐的代码补足，这样就全部大功告成啦。

大家感兴趣可以私信小编完整版demo试试~好啦，本期就到此结束，后续我们会为大家继续分享实用的技术开发干货！

湖北白癜风检查费用
铜川白癜风医院哪家专业
肚子疼拉肚子能用必奇蒙脱石散吗
重庆白癜风最好医院是哪个
杭州看白癜风哪个医院最好