006-WebBuilder-关于表格的两个问题

表格列设置关联字段

问题描述：

我在使用indexId关联数据库字段并且显示相应的中文列头的时候，发现在控件相同的情况下，实例代码可以，但是自己写的却不可以

解决方法

我发现在array在设置itemId的时候写错了，columns写成了cloumns，再改过来就可以了

原理

array是数组控件，数据内所有的子控件将自动成为数组的一员。该控件往往作为配置项添加到指定的控件下，比如添加到ListView.grid下设置itemId为columns，使其作为grid的列属性

表格知识

grid继承自panel，数据的显示通过关联的view来展现，view继承自dataview。在运行期间，访问grid.view即可获得grid的view属性。grid的view预定义了以表格行列的样式来显示数据，因此只需要设置store即可以表格方式展现store中的数据 。
设置表格的columns属性（通过设置array的itemId为columns）可以定义表格显示的列，columns由多个列column组成的数组构成。
设置column的dataIndex可以设置关联的字段名称，text可以设置列标题，width可以设置列宽度，renderer属性可以通过js自定义单元格HTML的输出。
设置editable属性为true可以设置表格为可编辑，可编辑表格必须作为对应的column设置editor属性，如果未设置editor属性那么该列仍然不可编辑。
获取表格中选择的记录可以使用grid.getSelection方法，设置表格中选择的记录可以使用grid.setSelection方法。
获取表格的值可以使用Wb.getData()方法。当提交表格的值时，默认提交选择的记录，如果要提交表格所有行的值，可设置submitSelect属性为false.

表格显示自定义内容

问题描述：

我在设置新闻列表的时候不想那样一行一行的显示，我想和观察者那样，竖着显示，我参考跨多列的实例实现了这个功能，但是原来store自动展示的行列格式数据没有消除

解决方法

我们使用column的tdCls属性，为每一个column赋值一个相同的名称，然后在module的initHtml中对column进行样式设置，我们主要是消除样式显示
比如设置column的tdCls属性为my-col
然后在initHtml设置为

<!-- <style>
  .my-col{display:none}
  </style> -->

这样就不会显示原来的内容，而是只显示自定义的内容了

原理

tdCls属性表示应用于此列的表格单元格的 CSS 类名称。