Previous topicNext topic
WebBuilderX > 子页面容器类型 > 面板类容器 > 表格面板 > 表格外观 >
数据加载树

对于一些需要经常性筛选查询的数据,可按照指定字段自动生成数据加载树。如下图,点击“数据加载树”右侧的操作按钮,将弹出加载树设置窗口:

在这个窗口中,单击“树依据列”右侧的下拉箭头,可设置加载树的生成依据列。如下图所示,这里的数据加载树就是按照“职务”和“性别”列自动生成的:

点击“确定”并重新生成页面代码之后,表格右侧将自动生成数据加载树:

如上图就是点击节点“销售代表”所得到的表格数据加载结果。点击不同级别的节点,会自动加上父级节点作为条件。例如,再次点击“销售代表”下级的“男”时,将加载职务为“销售代表”且性别为“男”的数据。

数据加载树,是按所选择列的先后顺序自动生成的,且在理论上不限制级数。实际应用中,建议不要超过3级,且尽量不要使用数值型列来创建加载树。

如果你希望调整加载树与表格之间的宽度占比,还可设置“树宽占比”属性。假如将“树宽占比”设为20,则表宽占比自动为80,两者之和始终为100。这里设置的仅仅只是初始占比宽度,你仍可以通过拖拽两者之间的分隔条动态调整宽度。需要补充说明的是,当使用数据加载树时,最好给表格面板加上高度及分页,以免两者之间的高度反差太大而影响页面展示效果

除此之外,你还可以根据需要使用以下3个与加载树相关的属性:

['副总裁(销售)','销售经理','销售代表','内部协调员']

这是一个标准的数组格式,两端必须用中括号包上,里面的每个值都加上单引号,多个值之间用逗号分开。请注意,这里的中括号、引号和逗号都必须是半角的。如下图所示:

生成的加载树效果如下: