如何控制DataGrid里的内容换行与不换行?

需求千奇百怪,有的要求表格里的内容自动换行,有的不要求,其实设置DataGrid的CSS样式单属性即可实现大部分的需求,但对于不换行的实现,单靠样式单还不能完全满足要求,下面就是一种解决的方法:

  <%@ Page Language="C#" AutoEventWireup="True" %> <%@ Import Namespace="System.Data" %> <html> <script runat="server"> int start_index; ICollection CreateDataSource() { DataTable dt = new DataTable(); DataRow dr; dt.Columns.Add(new DataColumn("IntegerValue", typeof(Int32))); dt.Columns.Add(new DataColumn("StringValue", typeof(string))); dt.Columns.Add(new DataColumn("CurrencyValue", typeof(double))); for (int i = start_index; i < start_index + ItemsGrid.PageSize; i++) { dr = dt.NewRow(); dr[0] = i; dr[1] = @"我是中文文字,I am English words,我不想换行, I don't wanna have new lines,欢迎访问 <a href='http://dotnet.aspx.cc/' rel="nofollow">http://dotnet.aspx.cc/</a>, 有好料啊:)"; dr[2] = 1.23 * (i+1); dt.Rows.Add(dr); } DataView dv = new DataView(dt); return dv; } void Page_Load(Object sender, EventArgs e) { //对于没有数字的内容,下面这行完全满足要求,但加了数字就不行,必须调用OnItemDataBound ItemsGrid.Attributes.Add("style","word-break:keep-all;word-wrap:normal"); //下面这行是自动换行 //ItemsGrid.Attributes.Add("style","word-break:break-all;word-wrap:break-word"); if (!IsPostBack) { BindGrid(); } } void BindGrid() { ItemsGrid.DataSource=CreateDataSource(); ItemsGrid.DataBind(); } void Item_DataBound(Object sender, DataGridItemEventArgs e) { if( e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) e.Item.Cells[1].Text = "<nobr>" + e.Item.Cells[1].Text + "</nobr>"; } </script> <body> <form runat="server"> <asp:DataGrid id="ItemsGrid" runat="server" BorderColor="black" OnItemDataBound="Item_DataBound" AutoGenerateColumns="false"> <AlternatingItemStyle BackColor="#DEDEDE"></AlternatingItemStyle> <HeaderStyle BackColor="#EEEEFF" HorizontalAlign="Center"></HeaderStyle> <Columns> <asp:BoundColumn HeaderText="序号" DataField="IntegerValue"/> <asp:BoundColumn HeaderText="文字" DataField="StringValue"/> <asp:BoundColumn HeaderText="价格" DataField="CurrencyValue" DataFormatString="{0:c}"> <ItemStyle HorizontalAlign="right"></ItemStyle> </asp:BoundColumn> </Columns> </asp:DataGrid> </form> </body> </html> 
WPF DataGrid可以通过实现拖拽换行来改变数据行的顺序。以下是实现方法: 1. 首先,在DataGrid的XAML中添加以下属性:AllowDrop="True"和PreviewMouseLeftButtonDown="DataGrid_PreviewMouseLeftButtonDown"。 2. 在DataGrid的代码中添加以下事件处理程序: ``` private void DataGrid_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e) { var source = e.OriginalSource as DependencyObject; var row = FindVisualParent<DataGridRow>(source); if (row != null) { DragDrop.DoDragDrop(row, row.DataContext, DragDropEffects.Move); e.Handled = true; } } private void DataGrid_Drop(object sender, DragEventArgs e) { var target = e.OriginalSource as DependencyObject; var row = FindVisualParent<DataGridRow>(target); if (row != null) { var data = e.Data.GetData(typeof(object)); var sourceIndex = DataGrid.Items.IndexOf(data); var targetIndex = DataGrid.Items.IndexOf(row.DataContext); if (sourceIndex != targetIndex) { var temp = DataGrid.Items[sourceIndex]; DataGrid.Items.RemoveAt(sourceIndex); DataGrid.Items.Insert(targetIndex, temp); } } } private static T FindVisualParent<T>(DependencyObject child) where T : DependencyObject { var parent = VisualTreeHelper.GetParent(child); if (parent == null) return null; var parentT = parent as T; return parentT ?? FindVisualParent<T>(parent); } ``` 3. 在DataGrid的XAML中添加Drop事件处理程序:Drop="DataGrid_Drop"。 实现了以上步骤后,就可以通过拖拽来改变数据行的顺序了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值