WPF入门教程系列二十三——DataGrid示例(三)

雨点打透心脏的1/2处 2024-03-17 11:04 49阅读 0赞

**DataGrid****的选择模式**

默认情况下，DataGrid 的选择模式为“全行选择”，并且可以同时选择多行（如下图所示），我们可以通过**SelectionMode** 和**SelectionUnit** 属性来修改DataGrid 的选择模式。

![eb5dc830dd87a887d62912e206be66da.png][]

SelectionUnit的选择模式。

<table> 
 <tbody> 
  <tr> 
   <td style="vertical-align:top;"> <p><strong>成员名称</strong></p> </td> 
   <td style="vertical-align:top;"> 
    <table> 
     <tbody> 
      <tr> 
       <td></td> 
       <td> <p><strong>说明</strong></p> </td> 
      </tr> 
     </tbody> 
    </table><p></p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;"> <p>Cell</p> </td> 
   <td style="vertical-align:top;"> <p>选择单元格。单击单元格选中单元格。 单击任何行或列标题不执行。</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;"> <p>FullRow</p> </td> 
   <td style="vertical-align:top;"> <p>选择全行。 单击单元格或行标题可以选择整行。</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;"> <p>CellOrRowHeader</p> </td> 
   <td style="vertical-align:top;"> <p>可选择单元格，也可以通过点击行首选择全行</p> </td> 
  </tr> 
 </tbody> 
</table>

SelectionMode的选择模式。分为**Extended** 和**Single** 两种模式。

<table> 
 <tbody> 
  <tr> 
   <td style="vertical-align:top;"> <p><strong>成员名称</strong></p> </td> 
   <td style="vertical-align:top;"> <p><strong>说明</strong></p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;"> <p>Extended</p> </td> 
   <td style="vertical-align:top;"> <p>选择多个单元（单元格或全行，由SelectionUnit 定义）</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;"> <p>Single</p> </td> 
   <td style="vertical-align:top;"> <p>选择唯一单元（单元格或全行，由SelectionUnit 定义）</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;"> <p></p> </td> 
   <td style="vertical-align:top;"> <p></p> </td> 
  </tr> 
 </tbody> 
</table>

设置SelectionUnit 和SelectionMode 后的实例效果，如下图。

![76838fe6f7e7066bc254bdd2197098d5.png][]

**DataGrid****的编辑方式**

默认情况下，我们可以直接在DataGrid 中编辑数据（下表为相关的编辑命令），当然也可以通过IsReadOnly 属性将DataGrid 设置为只读方式。

1) 在“Grid示例”的窗口界面中，选择第一行。

![613ee400d0896c1f28929a47f39b9541.png][]

2） 对“Grid示例”的窗口界面中，第一行的ProvinceID进行修改，在下拉框中选择“内蒙古自治区”。

![55f3b3c07c3ea5f8bb134e292313763d.png][]

3) 在“Grid示例”的窗口界面中，点击“更新”按钮，进行保存。

![81eeb3f0db1442970aa38848394c42af.png][]

4) 保存之前的结果。如下图。

![e90c71f747af46f497286247c10c3ca2.png][]

1） 保存之后的结果。如下图。

![b1c9bfb9f1a175951a6d808056535bd9.png][]

[eb5dc830dd87a887d62912e206be66da.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/0767e14b1ba544eeb24d009a049436b4.png
[76838fe6f7e7066bc254bdd2197098d5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/d5b34ce4a57b40f18952c27ab26d914f.png
[613ee400d0896c1f28929a47f39b9541.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/3538efcb1a31415cb5ee91a37f25ff9e.png
[55f3b3c07c3ea5f8bb134e292313763d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/05cf79310a81438f9d41a750d313189d.png
[81eeb3f0db1442970aa38848394c42af.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/ff5269355b7842faa923d64102692b36.png
[e90c71f747af46f497286247c10c3ca2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/f1fdfe3c5519487b81d5a38cf7ab61be.png
[b1c9bfb9f1a175951a6d808056535bd9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/d820233acb844e0cb05baac9d5e48a38.png