AdvancedDataGrid综合应用——自定义样式

最近有不少私事要处理,没时间写Blog,自责一下。上一回我们使用XML动态生成一个很简单的AdvancedDataGrid,这回我们将通过自定义样式来美化该控件。

自定义样式,最常见的就是通过CSS来实现。在本例中,我们使用CSS自定义了AdvancedDataGrid导航树的样式,设置其叶节点的默认图标、分支节点的文件夹打开/关闭图标为空,设置其分支节点的文件夹打开/关闭图标旁边显示的图标为外部图片。大家可参看assets\main.css。

值得一提的是,我们通过styleFunction属性来指定调用的回调函数为每行/列甚至每个单元格应用样式。在本例中,我们为不同的班组使用了不同的文字颜色。注意:此处我们要求对动态配置样式,所以我们在profile.xml中新增了group元素。相应代码可以参看Main.xml中的styleFunc()方法。

另外,我们还通过groupLabelFunction属性来指定调用的回调函数为组项目添加记录统计。相应代码可以参看Main.xml中的groupLabelFunc方法。

点击此处查看本实例的效果,点击此处下载本实例的源码。

如果要做得更好看一些,我们还可以通过groupIconFunction属性来指定调用的回调函数为每个组项目指定图标。我们甚至可以使用项目渲染器来进一步美化AdvancedDataGrid,这是我们下一节讲述的内容。

发表评论