学习008-02-04-03 Group List View Data(组列表查看数据)

Group List View Data(组列表查看数据)

This lesson explains how to group the Employee List View data by department and position.
本课介绍如何按部门和职位对员工列表视图数据进行分组。

Note
Before you proceed, take a moment to review the previous lessons: 在继续之前,请花点时间回顾一下之前的课程:

  • Place an Action in a Different Location(将操作放在不同的位置)

Step-by-Step Instructions(分步说明)

1.Open the Model.DesignedDiffs.xafml file in the Model Editor.
在模型编辑器中打开Model. DesignedDiffs.xafml文件。

2.Click the Views | MySolution.Module.BusinessObjects | Employee | Employee_ListView | Columns node to open the Grid List Editor Designer. Right-click the table header and select the Show Group By Box item.
单击Views|MySolutions. Module.BusinessObjects|Employee|Employee_ListView|列节点以打开网格列表编辑器设计器。右键单击表格标题并选择按框显示分组项。
在这里插入图片描述

3.The Group Panel appears above the column headers.
组面板出现在列标题上方。
在这里插入图片描述

4.Drag the Department and Position column headers to the Group Panel. Note that multiple columns in the group area create nested groups.
将部门和位置列标题拖到组面板。请注意,组区域中的多个列创建嵌套组。
在这里插入图片描述

When you add a column to the Group Panel, the column’s GroupIndex property value changes. You can also directly specify a column’s GroupIndex property to group List View data. See the following topic for more information: List View Columns Customization.
将列添加到组面板时,列的GroupIndex属性值会更改。您还可以直接指定列的GroupIndex属性来对列表视图数据进行分组。有关详细信息,请参阅以下主题:列表视图列自定义。

5.Run the application. The Employee List View displays objects grouped by the Department and Position properties. You can see the Group Panel above the grid:
运行该应用程序。员工列表视图会按照部门和职位属性对对象进行分组显示。您可以在网格上方看到分组面板:

ASP.NET Core Blazor
在这里插入图片描述

Windows Forms
在这里插入图片描述

Note
Users can drag columns to and from the Group Panel to group and ungroup the List View objects. You can hide the Group Panel to prevent users from changing groups. Navigate to the Views | MySolution.Module.BusinessObjects | Employee | Employee_ListView node and set its IsGroupPanelVisible property to False.
用户可以在组面板中拖动列来对列表视图对象进行分组和取消分组。您可以隐藏组面板以防止用户更改组。导航到Views | MySolution.Module.BusinessObjects | Employee | Employee_ListView节点,并将其IsGroupPanelVisible属性设置为False。

Next Lesson(下一课)

Enable Split Layout in a List View
在列表视图中启用拆分布局

  • 19
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
checkbox-group是一个Vue件,用于将多个checkbox织成一。可以使用v-model指令将checkbox的选中状态与一个数变量进行双向绑定。\[1\] 在Vue中使用checkbox-group的示例代码如下: ```html <template> <div class="checkbox-group"> <el-checkbox-group v-model="checkList"> <el-checkbox :key="item.id" v-for="item in groupList" :label="item.id" :checked="item.checked" @change="changeSelect"> {{item.name}} </el-checkbox> </el-checkbox-group> </div> </template> ``` 其中,`checkList`是一个数变量,用于存储选中的checkbox的值。`groupList`是一个包含checkbox选项的数,每个选项包括id、name和checked属性。`v-for`指令用于遍历`groupList`数,生成对应的checkbox。`v-model`指令将checkbox的选中状态与`checkList`数进行双向绑定,实现选中状态的同步更新。`@change`事件监听checkbox的变化,触发`changeSelect`方法进行相应的处理。\[1\] 另外,还可以使用wx:for和wx:key来实现类似的功能。示例代码如下: ```html <checkbox-group bindchange="checkboxChange" data-key="selectedArray"> <label wx:for="{{myArray}}" wx:key="index"> <view> <checkbox value="{{item.value}}" checked="{{v1.include(selectedArray,item.value)}}"/> </view> <view>{{item.name}}</view> </label> </checkbox-group> ``` 在这个示例中,`checkbox-group`件绑定了`checkboxChange`事件和`selectedArray`数据。`wx:for`指令用于遍历`myArray`数,生成对应的checkbox。`wx:key`用于指定每个checkbox的唯一标识。`checked`属性通过调用`v1.include`方法来判断当前checkbox是否被选中。\[2\] 总结来说,无论是在Vue中使用checkbox-group还是在小程序中使用checkbox-group,都可以通过绑定数变量来管理多个checkbox的选中状态。 #### 引用[.reference_title] - *1* *3* [element ui多选框checkbox-group的使用](https://blog.csdn.net/honeymoon_/article/details/119538713)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [微信小程序checkbox,checkbox-group多选框的简易用法,代码简洁,可复用性高](https://blog.csdn.net/weixin_43951592/article/details/126158899)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

thomastang200912_126

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值