模板使您可以自定义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>。