datagrid实现 单元格的内容 超过 单元格单行 的宽度时 将 单元格超出的内容 用 "..." 显示 ？

最新推荐文章于 2020-12-16 17:43:44 发布
转载 最新推荐文章于 2020-12-16 17:43:44 发布 · 1.4k 阅读 · 0
文章标签：

#datagrid #string

本文介绍了一种在DataGrid中使用自定义方法实现字符串截断的技术，通过编写后台代码来控制显示长度，并添加省略号，适用于需要限制单元格内文字长度的场景。

http://community.youkuaiyun.com/Expert/topic/4562/4562210.xml?temp=6.916445E-02

后台代码
public string MyLeftFunction(string str, int Int)
{
if (str.Length <= Int)
{
return str;
}
else
{
str = str.Substring(0,Int) + "...";
return str;
}
  }

DataGrid里的<%# DataBinder.Eval(Container, "DataItem.Title") %>
改成
<%# MyLeftFunction(DataBinder.Eval(Container, "DataItem.Title").ToString(),20) %>

20是显示的字数

cxqhust1
关注
C#Winform中的DataGridView的自动调整列宽设置
qq_30725967的博客
08-12 5877
C#Winform中的DataGridView的自动调整列宽设置方法
datagrid 溢出文本显示省略号
一万年太久 - 只争朝夕
06-04 7962
比较容易实现的一个功能，在easyui的主题css后面载入这段css就ok了。
wpf datagrid 的单元格内容超出列宽度
weixin_30386713的博客
10-09 600
---恢复内容开始--- <Window x:Class="WpfApplication2.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title=...
这样控制DataGrid的单元格内内容自动隐藏，鼠标移上时显示全部
10-28 2033
 e.Item.Cells[3].Text = "" + e.Item.Cells[3].Text + ""; text-overflow : ellipsis;    使文本显示超出宽度时显示.....符号overflow : hidden;           使文本显示超出宽度的部分自动被截断不显示              使其中间显示的文本放弃以前的换行等格式，全部显示在一行，这样便
Esayui Datagrid 列太多显示不全
qq_45195669的博客
12-16 384
JS //初始化列表 function InitGrid() { //绑定数据表 $('#dgMain').datagrid({ fit: true, singleSelect: false, collapsible: true, method: 'post', p
flex 得到Java传过来的xml 显示到datagrid
夏风
08-05 2199
flex 得到Java传过来的xml 显示到datagrid   最近觉得flex挺不错，做出来的东西比较漂亮 也比较绚丽，用户体验值非常高，于是就没事瞎鼓捣了下，首先我一直从事的是JAVA开发，所以么我这边搞的也是flex与Java的通信。废话有点多了，直接上图上代码。
怎么设置GridView的单元格在内容显示超过长度的时候用省略号代替而不是换行当鼠标移上去的时候将影藏的内容提示出来
single_killer的专栏
12-25 3842
最简单的可以通过CSS来设置省略号, 鼠标移上全部显示用ToolTip, 1.CSS:     .mlength   {   display: block;   width: 100px;   overflow: hidden;     white-space: nowrap;   -o-text-overflow: ellipsis;   text-overflow: e
DataGridView数据过长显示不全解决办法
aixiao2612的博客
05-11 1782
1 public void DataViewShow(GridView GV, int showLenth) 2 { 3 GridViewRow currentRow; 4 for (int i = 0; i < GV.Rows.Count; i++) 5 { ...
wpf datagrid 设置列单元格显示两行内容，内容超出单元格长度后已省略号显示
u013220323的专栏
10-14 2836
<DataGrid.Columns> <DataGridTemplateColumn Header="编辑时间" Width="60"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <!--设置当单元格内容超过最大长度时，显示...--> ..
easyui datagrid tip 超出宽度省略
08-08
datagrid添加tooltip及超出宽度添加省略号
如何让Grid单元格中的内容超长时自动换行显示？
已然于净土上留下足迹
09-16 2977
Ext的Grid在默认情况下，单元格中的内容超长时会显示成： XXXXX.....，省略号为未显示出来的内容，但在某些时候，我们需要让内容自动换行显示，可参考下面这种方法：
DataGrid列宽随着内容自动变化
dotnetlife的专栏
11-20 6686
在使用vs2005时进行wince开发时，用Datagrid控件显示表格数据，当表格内容过多时，Datagrid控件单元格宽度并不足以用来完全显示表格中的数据内容，，只有自己每次去拉动分界线，来进行调整。当出现表格字段比较多时，这样做就显得很麻烦。PDA本身屏幕就很小，即使只显示3－5列，拖动依旧很烦人，因此就有了实现自动调整列宽功能的想法。首先到网上搜了一下，只发现一个PC机用的，vb.
easy ui datagrid 若表格中内容超出时
ssssdfdsf的博客
08-18 1253
datagrid单元格内容超出时，表格中内容可能显示不完全    在属性中加入  nowrap:false 则可以使文字换行显示 //注：若只填写数字或者字母则没用此效果 如 <table id="dg" title="字典列表" style="width:100%;height:400px" data-options="rownumbers:true,singleSe
wpf中，如何禁用整个DataGrid的单元格选择功能
最新发布
10-17
<think>在WPF中，禁用整个DataGrid的单元格选择功能可以通过设置DataGrid的`SelectionUnit`属性为`FullRow`（只能选择整行）或`None`（完全禁用选择），但这样会同时影响行选择。如果只想禁用单元格选择而保留行选择，则需要将`SelectionUnit`设置为`FullRow`。如果希望完全禁用任何选择（包括行和单元格），则设置为`None`。 但是，根据需求“禁用整个DataGrid的单元格选择功能”，通常意味着用户不能选择单个单元格，但可能允许选择整行。因此，设置`SelectionUnit`为`FullRow`是常见做法。如果不需要任何选择，则设置为`None`。 另外，还可以通过设置`SelectionMode`为`SingleRow`（只允许选择单行）或`Extended`（允许选择多行）来配合`SelectionUnit`使用。 ### 解决方案1：禁用单元格选择但允许行选择 ```xml <DataGrid SelectionUnit="FullRow" ... /> ``` ### 解决方案2：完全禁用所有选择 ```xml <DataGrid SelectionUnit="None" ... /> ``` ### 示例代码 以下示例展示如何禁用单元格选择但允许行选择： ```xml <DataGrid Name="dataGrid1" ItemsSource="{Binding YourData}" AutoGenerateColumns="False" SelectionUnit="FullRow"> <!-- 设置为FullRow后，用户只能选择整行，不能选择单个单元格 --> <DataGrid.Columns> <DataGridTextColumn Header="ID" Binding="{Binding ID}" /> <DataGridTextColumn Header="Name" Binding="{Binding Name}" /> </DataGrid.Columns> </DataGrid> ``` ### 解释 - **SelectionUnit属性**：控制选择的最小单位。可选值有： - `Cell`：可以选择单个单元格（默认值） - `CellOrRowHeader`：可以选择单元格或通过行头选择整行 - `FullRow`：只能选择整行（通过点击行内任意位置） - `None`：不能进行任何选择（包括行和单元格） - 当设置为`FullRow`时，用户点击单元格会选中整行，但无法单独选中一个单元格。 - 当设置为`None`时，完全禁止选择，用户无法通过鼠标或键盘选择任何内容。 ### 额外说明 如果希望同时禁用行选择（即完全不希望任何选择出现），则使用`SelectionUnit="None"`。但请注意，这样设置后，用户无法通过界面选择任何行，代码中获取当前选择项也会为空。 ### 通过代码设置 也可以在代码后台设置： ```csharp dataGrid1.SelectionUnit = DataGridSelectionUnit.FullRow; // 或 DataGridSelectionUnit.None ``` ### 行为对比 | 设置 | 效果 | |------|------| | `SelectionUnit="Cell"` | 可以选中单个单元格 | | `SelectionUnit="FullRow"` | 只能选中整行（单元格无法单独选中） | | `SelectionUnit="None"` | 完全不能选中任何内容 | §§相关问题§§: 1. 如何禁用整个 `DataGrid` 的行选择功能？ 2. 在 `DataGrid` 中如何实现多行选择？ 3. 如何通过代码获取 `DataGrid` 当前选中的行数据？ 4. 如何改变 `DataGrid` 中被选中行的背景色？ </think># 在 WPF 中禁用整个 DataGrid 的单元格选择功能 在 WPF 中禁用整个 DataGrid 的单元格选择功能，可以通过以下几种方法实现。根据你的需求，我将提供几种不同的解决方案： ## 方法 1：禁用所有选择功能（推荐） 这是最彻底的解决方案，完全禁用整个 DataGrid 的选择功能： ```xml <DataGrid Name="myDataGrid" ItemsSource="{Binding MyData}" SelectionMode="None" SelectionUnit="None"> <!-- 列定义 --> <DataGrid.Columns> <DataGridTextColumn Header="ID" Binding="{Binding ID}" /> <DataGridTextColumn Header="Name" Binding="{Binding Name}" /> </DataGrid.Columns> </DataGrid> ``` ### 代码解释： - `SelectionMode="None"`：禁用所有单元格选择和行选择 - `SelectionUnit="None"`：确保没有任何选择单元（这是可选的，但更加明确） ## 方法 2：仅禁用单元格选择但保留行选择 如果只想禁用单元格选择但保留行选择功能： ```xml <DataGrid Name="myDataGrid" ItemsSource="{Binding MyData}" SelectionMode="SingleRow" SelectionUnit="FullRow"> <!-- 列定义 --> </DataGrid> ``` ### 代码解释： - `SelectionUnit="FullRow"`：强制只能选择整行，不能选择单个单元格 - `SelectionMode="SingleRow"`：限制只能选择单行（可选） ## 方法 3：通过样式禁用单元格选择视觉反馈 如果想保留选择功能但禁用视觉反馈（单元格高亮）： ```xml <DataGrid Name="myDataGrid" ItemsSource="{Binding MyData}"> <DataGrid.Resources> <!-- 禁用选中单元格的背景色 --> <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent"/> <!-- 禁用选中单元格的前景色 --> <SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="Black"/> </DataGrid.Resources> <!-- 列定义 --> </DataGrid> ``` ## 方法 4：完全禁用交互（包括滚动） ```xml <DataGrid Name="myDataGrid" ItemsSource="{Binding MyData}" IsHitTestVisible="False" Focusable="False"> <!-- 列定义 --> </DataGrid> ``` ### 代码解释： - `IsHitTestVisible="False"`：禁用所有鼠标交互 - `Focusable="False"`：禁用键盘导航和焦点 ## 对比表格 | 方法 | 选择功能 | 键盘导航 | 滚动功能 | 视觉反馈 | 适用场景 | |------|----------|----------|----------|----------|----------| | 方法1 | 完全禁用 | 禁用 | 保留 | 无 | 仅展示数据 | | 方法2 | 仅行选择 | 保留 | 保留 | 有 | 需要行选择 | | 方法3 | 保留 | 保留 | 保留 | 无 | 需要选择但不要视觉效果 | | 方法4 | 完全禁用 | 禁用 | 禁用 | 无 | 完全只读展示 | ## 推荐方案 **对于完全禁用选择功能**，使用方法1是最佳选择： ```xml <DataGrid SelectionMode="None" SelectionUnit="None"> <!-- 列定义 --> </DataGrid> ``` **对于仅禁用单元格选择但保留行选择**，使用方法2： ```xml <DataGrid SelectionMode="SingleRow" SelectionUnit="FullRow"> <!-- 列定义 --> </DataGrid> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值