modified doc
uniform doc structure
This commit is contained in:
1 parent
1fef31fbd2
commit
cef6fd433e
5 files changed
+49
-115
No files matched your search
@@ -4,79 +4,20 @@ title: Menu 菜单
|
||||
|
||||
# MenuBaseStyle
|
||||
|
||||
`HandyControl`中的菜单默认样式,一般不建议直接使用,而是选择继承,便于个人自定义风格
|
||||
菜单默认样式,不推荐直接使用,应该始终被其它样式以BasedOn的方式使用。
|
||||
|
||||
样式
|
||||
|
||||
```xml
|
||||
<Style BasedOn="{StaticResource MenuItemBaseStyle}" TargetType="MenuItem"/>
|
||||
<Style BasedOn="{StaticResource MenuBaseStyle}" TargetType="Menu"/>
|
||||
```
|
||||
|
||||
使用
|
||||
|
||||
```
|
||||
<Menu ItemsSource="{Binding Menus}">
|
||||
{% note info no-icon %}
|
||||
用例:
|
||||
{% code %}
|
||||
<Menu ItemsSource="{Binding Menus}">
|
||||
<Menu.ItemTemplate>
|
||||
<HierarchicalDataTemplate ItemsSource="{Binding Children}">
|
||||
<TextBlock Text="{Binding Name}"></TextBlock>
|
||||
</HierarchicalDataTemplate>
|
||||
</Menu.ItemTemplate>
|
||||
</Menu>
|
||||
```
|
||||
|
||||
数据视图
|
||||
|
||||
```c#
|
||||
//菜单子项视图类
|
||||
public class MenuItemViewModel
|
||||
{
|
||||
public List<MenuItemViewModel> Children { get; set; }
|
||||
public MenuItemViewModel Parent { get; set; }
|
||||
public string Name { get; set; }
|
||||
public string Remark { get; set; }
|
||||
}
|
||||
//菜单数据视图类
|
||||
public class MenuViewModel
|
||||
{
|
||||
public MenuViewModel()
|
||||
{
|
||||
Menus = new List<MenuItemViewModel>
|
||||
{
|
||||
new MenuItemViewModel
|
||||
{
|
||||
Name="一级菜单",
|
||||
Children = new List<MenuItemViewModel>{
|
||||
new MenuItemViewModel{
|
||||
Name="二级菜单"
|
||||
}
|
||||
}
|
||||
},
|
||||
new MenuItemViewModel
|
||||
{
|
||||
Name="一级菜单",
|
||||
Children = new List<MenuItemViewModel>{
|
||||
new MenuItemViewModel{
|
||||
Name="二级菜单"
|
||||
}
|
||||
}
|
||||
},
|
||||
new MenuItemViewModel
|
||||
{
|
||||
Name="一级菜单",
|
||||
Children = new List<MenuItemViewModel>{
|
||||
new MenuItemViewModel{
|
||||
Name="二级菜单"
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
public List<MenuItemViewModel> Menus { get; set; }
|
||||
}
|
||||
```
|
||||
|
||||
效果
|
||||
{% endcode %}
|
||||
|
||||

|
||||
|
||||
{% endnote %}
|
||||
Reference in new issue
Block a user