要在X-List中展示一个常规的列表，必须要添加两个新的属性：

结果展示如下：

使用java script列表可以让数据更为结构化，更易于找到所需的信息。UI库提供了使用最小的代价创建列表的方法，更为重要的是，列表可以与其他的有用部件进行组合。我们考虑使用Webix这样的软件库，并学习了四种类型的Webix java script列表的工作方式，还查看了该UI库中的其它特性。

下面的小备忘录有助于你确定如何选择适合的列表类型：

必须要指出的是，这里介绍的仅是Webix的基本用法。更详细的内容请参考Webix文档。

如果按需配置列表部件并与其它的Webix组件组合，就可以创建各种复杂度的Web和移动应用。通过一些在线应用，可以查看到List、Grid、Tree等部件是如何在一个页面中同时生效的。例如XLReporting：

以及GanttPRO：

Sergey Laptick是一名前端开发人员和Web技术爱好者，对java script和HTML5具有很浓厚的兴趣。他喜欢任何Web相关事物，沉溺于java script编程。当前他全心投入到对新事物的学习当中，并编写学习案例，为初级开发人员提供指导。他也在多个东欧地区会议上分享他的经验。

查看英文原文： How to Make Different Types of java script Lists? 4 Examples with Webix