如何控制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/'>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>

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
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"。 实现了以上步骤后,就可以通过拖拽来改变数据行的顺序了。
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值