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

三日忽然，我们的零售商又接到最初问题。

这次无需解决问题的桥段是在末端表格状况当中，像codice_按住那样，点击之后霰弹出有一个侧边栏，然后通过点击相异的参数值显示相异的概要。

紧接著我们就带大家一起来到底，如何在末端应用软件当中解决问题这样的功能。

举例来说操作 首先，我们先原则上地在编辑器的ribbon上霰弹出有一个按住。

按住霰弹出有完毕后，我们来创建者一个侧边栏codice_。这个侧边栏codice_实际上是一个template都可，大家可以通过getTemplate带回去一些常见的codice_，观察它的结构。

尤其常用的元素有：templateName和content。其当中content是一个数组，进去可以包含相异氧原子子类的都可。关于氧原子子类后面我们会为大家介绍更多涉及概要，大家在这里可以简单将氧原子组件思考为新增template的基本单位。

由于概要使用量很多，我们这里只除此以皆部分为大家介绍。content进去的第一个相同一般就是侧边栏的原文，我们可以指定一个子类为TextBlock的氧原子子类，然后通过css样式给这个原文添加样式。text就相同原文的文本。在第二个都可当中我们指定了一个容器子类名为“Container”，进去包含一些子组件，可以特设其margin边距、width跨距等，除此之皆还可以特设bindingPath，太类似数据库绑定，这个参数是可以同样是否动态展示数据库的必要条件。

将template创建者完成后，紧接著我们无需注册该codice_。

template除了有UI皆，还无需有相同的command，我们也无需去定义下达都可。有一个无需注意的属性是visibleContext，这个用于支配codice_的显示和关闭，尤其关键。然后就是处理侧边栏的状态的getState了，在这里，我们可以去对侧边栏的概要做修改。如下面的text1和text2就是前面谈到的bindingPath，当我们点击到指定的参数值时，侧边栏就会显示相同参数。

再接着，将这个ui和command精致为一个侧边栏都可当中。

并且添加到我们的config进去。

最后再回到前面定义的按住的都可当中将支配侧边栏显隐的字符串加上，这样就全部大功告成啦。

大家感兴趣可以私信小编流媒体demo试试~好啦，本期就到此结束，后续我们会为大家再次分享单单的技术干货！

漳州看白癜风哪个医院好
海口皮肤病医院那家比较好
南京妇科专科医院哪个好
武汉妇科医院哪家最好
宁波妇科检查