基础知识 - 模板

模板使您可以自定义Radzen组件的外观。例如,在DataGrid列中放置一个Button或将该列数据设为粗体。在Radzen中有两种使用模板的方法:通过模板编辑器和通过代码。



模板编辑器 Template editor

模板编辑器是一种自定义Design Time体验,从您单击任何模板属性旁边的“编辑模板”按钮开始。这些属性通常在名称中包含“模板” Template,HeaderTemplate, FooterTemplate等。

将按钮添加到DataGrid列并使其打开对话框的方法。

1. 单击DataGrid的Columns属性旁边的“…”按钮以打开“列编辑器”对话框。

2. 添加一个新列,然后单击“编辑模板”按钮(“模板”属性中的最后一个按钮)。 Radzen切换Design Time面板并显示一块空白画布。

3. 拖放一个Button组件,并将其Text属性设置为“ Edit”。

4. 添加按钮的Click事件的新事件处理程序。将“类型”设置为“打开”对话框。选择一些页面。添加一个参数。使用 ${data} 访问当前数据项。它是隐式属性之一,也称为模板上下文或模板数据。

5. 最后单击“结束模板编辑按钮”。这将结束模板编辑会话并返回您的页面。



模板代码 Template code

对于更简单的情况(或非常自定义的情况),可以在模板中使用代码。 例如,您可以使用<strong> HTML标记使DataGrid列的文本变为粗体。

将列的模板设置为<strong>${data.PropertyName}</strong>。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容