GridView TemplateField 内容自动换行

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GuideProblemFeedback.aspx.cs"
    Inherits="LinkPower.OutSourcing.DiseaseManage.GuideProblemFeedback" %>

<%@ Register Src="../../PubControls/PageControl.ascx" TagName="page" TagPrefix="lk" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>任务报表</title>
    <link href="../../css/main.css" type="text/css" rel="stylesheet" />
    <link href="../css/main.css" type="text/css" rel="stylesheet" />

    <script src="../../script/jquery-1.5.1.js" type="text/javascript"></script>

    <script src="../script/alertWin.js" type="text/javascript"></script>

    <script src="../script/DiseaseManage.js"></script>

    <script src="../script/CheckText.js" type="text/javascript"></script>

    <script src="../../script/PD_LKPduOA5_ModInterFaceScript.js" type="text/javascript"></script>

    <script src="../../script/LKSys_WindowControlScript.js" type="text/javascript"></script>

    <link href="../TaskManage/overflow-scroll-color.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .titletd
        {
            text-align: center;
            border-right: solid 1px Silver;
            background: url(../images/tableToolbarBg.gif) repeat-x left top;
        }
        td
        {
            white-space: nowrap;
        }
        .row5
        {
            background-color: #fff;
            height: 25px;
        }
        .row2
        {
            background: #dddddd;
            height: 25px;
        }
        .brk1      {        word-wrap: break-word;        word-break: break-all;      }
    </style>

    <script language="javascript" type="text/javascript">
        $(function() {
            SetHeight();

        });
        window.onresize = SetHeight;
        function SetHeight() {
            $("#divContent").height($(window).height() - 75);
        }
    </script>

</head>
<body style="overflow: hidden">
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <!--头-->
    <table class="tbToolbar" width="100%" border="0" cellspacing="0" cellpadding="0"
        id="tableTitle">
        <tr>
            <td>
                <img src="../../images/mainToolbar.gif" />&nbsp;督导问题反馈
            </td>
        </tr>
    </table>
    <!--工具条-->
    <table id="tableSearch" width="100%" border="0" align="center" cellpadding="0" cellspacing="0"
        class="tbToolbar">
        <tr>
            <td align="left" style="vertical-align: middle; height: 25px;">
                年份:<asp:DropDownList ID="ddlYear" runat="server" CssClass="input" Width="70px">
                </asp:DropDownList>
                季度:<select id="ddlQuarter" class="input" runat="server" style="width: 70px;">
                    <option value=‘‘>请选择</option>
                    <option value=‘1‘>一季度</option>
                    <option value=‘2‘>二季度</option>
                    <option value=‘3‘>三季度</option>
                    <option value=‘4‘>四季度</option>
                </select><!--过滤的是督导日期-->
                月份:<select id="ddlMonth" class="input" runat="server" style="width: 70px;">
                    <option value="">请选择</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                </select><!--过滤的是督导日期-->
                条线:<asp:DropDownList ID="ddlLine" class="input" runat="server" Width="70px">
                </asp:DropDownList>
                执行部门:<input id="txtDeptcontent" runat="server" class="input" /><img src="../../images/toolbar/open.gif"
                    id="img1" onclick="LKPDUOA5_SelSingleDept(‘hiddenDept‘,‘txtDeptcontent‘)" title="选择"
                    style="cursor: pointer" alt="选择" /><input type="hidden" runat="server" id="hiddenDept" />
            </td>
            <td align="right">
                <asp:Button ID="btnSearch" class="button" runat="server" Text="查询" OnClick="btnSearch_Click">
                </asp:Button>
                &nbsp;<asp:Button class="button" Text="导出Excel" ID="Button1" runat="server" OnClick="btnExport_Click" />&nbsp;
            </td>
        </tr>
    </table>
    <asp:UpdatePanel ID="Content" runat="server">
        <ContentTemplate>
            <div id="divContent" style="width: 100%; overflow: scroll;" runat="server">
                <asp:GridView ID="DgTaskComment" runat="server" Width="100%" CssClass="darkrow2"
                    AutoGenerateColumns="False" RowStyle-Wrap="true" Style="word-break: keep-all;
                    word-wrap: normal">
                    <RowStyle CssClass="row2" />
                    <AlternatingRowStyle CssClass="row5" />
                    <Columns>
                        <asp:TemplateField HeaderText="序号" Visible="false">
                            <HeaderStyle HorizontalAlign="Center" Wrap="false" Height="25" />
                            <ItemStyle HorizontalAlign="Center" Wrap="false" Height="24" />
                            <ItemTemplate>
                                <%#((this.pageion.PageIndex - 1) * this.pageion.PageSize + Container.DataItemIndex + 1).ToString()%>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:BoundField HeaderText="月份" DataField="督导日期" DataFormatString="{0:MM月}" />
                        <asp:BoundField HeaderText="执行部门" DataField="执行部门" />
                        <asp:TemplateField HeaderText="执行人">
                            <ItemTemplate>
                                <span title=‘<%# Eval("执行人") != DBNull.Value && Eval("执行人") != null && Eval("执行人").ToString() != "" ?(Eval("执行人").ToString().EndsWith(",")? Eval("执行人").ToString().Substring(0, Eval("执行人").ToString().Length - 1):Eval("执行人").ToString()) : ""%>‘>
                                    <%# Eval("执行人") != DBNull.Value && Eval("执行人") != null && Eval("执行人").ToString() != "" ?(Eval("执行人").ToString().Length>12? (Eval("执行人").ToString().Substring(0,10)+"..."):Eval("执行人").ToString()) : ""%>
                                </span>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:BoundField HeaderText="条线" DataField="条线" />
                        <asp:BoundField HeaderText="督导日期" DataField="督导日期" />
                        <asp:BoundField HeaderText="医疗机构" DataField="医疗机构" />
                        <asp:BoundField HeaderText="问题来源" DataField="问题来源" />
                        <asp:TemplateField HeaderText="问题描述" HeaderStyle-Width="250px" HeaderStyle-HorizontalAlign="Center"
                            ItemStyle-Width="250px" ItemStyle-Wrap="true" ItemStyle-CssClass="brk1" ItemStyle-HorizontalAlign="Left">
                            <ItemTemplate>
                               <%# Eval("问题描述").ToString() %>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <%--<asp:BoundField HeaderText="问题描述" DataField="问题描述" />--%>
                        <asp:BoundField HeaderText="整改意见" DataField="整改意见" />
                        <asp:BoundField HeaderText="整改期限" DataField="整改期限" />
                        <asp:BoundField HeaderText="是否需要跟踪" DataField="是否需要跟踪" />
                        <asp:BoundField HeaderText="跟踪结果" DataField="跟踪结果" />
                    </Columns>
                    <EmptyDataTemplate>
                        <div style="color: Red; text-align: center; width: 100%;">
                            没有要显示的记录
                        </div>
                    </EmptyDataTemplate>
                </asp:GridView>
            </div>
            <!--分页控件-->
            <lk:page ID="pageion" runat="server" PageSize="20" />
            <input type="hidden" runat="server" id="hidHasData" />
            <asp:Button ID="Btnrefresh" runat="server" OnClick="BtnRefresh" Style="display: none" />
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>
时间: 2024-08-29 19:46:08

GridView TemplateField 内容自动换行的相关文章

表格列宽怎么设置都无效?(td内容自动换行问题)

有次设置表格列宽时,显示的实际宽度与设置的宽度不一致,且无规律变化.最后,在查找资料后发现,可能是td内容 自动换行 的问题.因为表格中的内容有中文.英文字母.还有数字,以及三者的各种组合,所以换行的方式不一致,导致列宽变化.(个人分析,不妥之处请拍砖.) 所以添加以下css可以解决问题: table{ word-break:break-all ; word-wrap:break-word } 说明: (1) word-break:break-all:截断单词进行换行. (2) word-wra

表格内容自动换行

给表格的内容自动换行,先给表格的表头每列宽度定好.然后给table定样式 <table width="100%" border="1" cellpadding="0" cellspacing="0" style="TABLE-LAYOUT:fixed;"> <tr align="center" style="background:url(images/tabl

使pre的内容自动换行

<pre> 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. <pre> 标签的一个常见应用就是用来表示计算机的源代码. 而我们经常碰到的一个问题是如果一个代码上碰到有图片或者网页地址就会使代码很长,结果会造成页面撑开或者代码超出边界.非常难受,如果用overflow:hidden那么会将原来的代码隐藏掉,用overflow:auto则会出现滚动条,代码也不方便阅读. 点击查看:http://www.css88.com/de

DIV的内容自动换行

word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行. 它们的区别就在于: 1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了. 2,word-wrap:break

如何使英文博客内容自动换行

如何使英文博客内容自动换行 如果博客全部是英文或者是数字,结果会把页面撑开,不能自动换行. 如果你的博客可以支持源代码编辑,例如,CSDN博客中有个<>的图表就是源代码编辑模式,以下方法可以实现英文或者数字的自动换行: 1.CSS样式法: <table style="table-layout:fixed;"> <td style="="left:0; white-space:normal; word-break:break-all;ov

表格固定宽度时,内容自动换行

有时,table表格中列过多.内容多时,常常会根据每列的业务含义,挑出一些列,设置他们的宽度变窄. 但是总是有例外.比如有一条数据在那一列刚好内容特别多,那么页面显示中其内容将显示不全. 解决办法:<TD>标签内增加style="word-wrap:break-word;"样式. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HE

使pre的内容自动换行(转)

<pre> 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. <pre> 标签的一个常见应用就是用来表示计算机的源代码. 而我们经常碰到的一个问题是如果一个代码上碰到有图片或者网页地址就会使代码很长,结果会造成页面撑开或者代码超出边界.非常难受,如果用overflow:hidden那么会将原来的代码隐藏掉,用overflow:auto则会出现滚动条,代码也不方便阅读. 点击查看:http://www.css88.com/de

html表格内容自动换行

有时候表格会因为内容多少忽大忽小的很烦人,在网上搜了下解决方案,效果不错哦,给大家分享下!首先介绍两个利器:table-layout:fixed //固定表格大小word-break:break-all;//字符串自动换行 注意:IE和firefox是有很大区别的!(我就是栽在这个上面了,⊙﹏⊙b汗)1. (IE浏览器)使用 table-layout:fixed;强制table的宽度,多余内容隐藏<table style="table-layout:fixed" width=&q

使用百分比固定的table大小中td内容自动换行问题

连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,对于Div和table以及不同的浏览器,实现css自动换行的方法都稍有不同,下面分别介绍: 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准. 以下是引用片段:#wrap{white-space:normal; width:200px; } 或者 #wrap{word-break:break-all;width:200px;} <div id="wr