实现gridview 固定gridview列字符串的长度,多余的以...表示
来源:互联网 发布:mac不知管理员名称密码 编辑:程序博客网 时间:2024/06/08 00:48
下面是源码:
先添加js和CSS
<script type="text/javascript" language="javascript">
function DoCheck(flag)// 全选 flag=1 反选 flag=0
{
var inputs = document.forms[0].elements;
for (var i=0; i < inputs.length; i++)
if (inputs[i].type == 'checkbox')
{
if (flag)
inputs[i].checked = true;
else
inputs[i].checked =!inputs[i].checked;
}
}
</script>
CSS:
.ellipsis_row { OVERFLOW: hidden; WIDTH: 300px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; }
.caseweight{OVERFLOW: hidden; WIDTH: 20px; WHITE-SPACE: nowrap; color:Red ;text-align:center ;padding-left:10px;}
-----------------------------------------
gridview控件的设置如下: 其中OnRowDataBound="gvCaseList_RowDataBound" 事件中添加了光棒效果:
<asp:GridView ID="gvCaseList" runat="server" AutoGenerateColumns="False" OnRowDataBound="gvCaseList_RowDataBound" >
<Columns>
<asp:BoundField HeaderText="类型" DataField="type" >
<ControlStyle Width="80px" />
</asp:BoundField>
<asp:TemplateField HeaderText="名称"> <!--把这一列转换为模板列-->
<ControlStyle Width="300px" />
<ItemTemplate>
<DIV class="ellipsis_row"><%#DataBinder.Eval(Container.DataItem,"name")%></DIV> <!--这里使用了一个div,通过CSS来控制该列的宽度,多余的字符使用....表示-->
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="费用"> <!--把这一列转换为模板列-->
<ControlStyle Width="20px" />
<ItemTemplate>
<div class="caseweight"><%#DataBinder.Eval(Container.DataItem,"fee")%></div><!--把该列的数据用红色显示出来,改变了该的文字样式-->
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField > <!--把这一列转换为模板列-->
<ControlStyle Width="20px" />
<HeaderTemplate> <!--注意这个HeaderTemplate,在这里加了两链接用于全选和反选-->
<a onclick="DoCheck(0);" href="#">反选</a> <!--反选-->
<a onclick="DoCheck(1);" href="#">全选</a> <!--全选-->
</HeaderTemplate>
<ItemTemplate>
<div style="text-align:center ;">
<asp:CheckBox ID="CheckBox1" runat="server"/>
</div>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
后台的光棒效果代码:(注意要添加OnRowDataBound="gvCaseList_RowDataBound"事件)
protected void gvCaseList_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#FFFF80'");
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c;");
}
}
- 实现gridview 固定gridview列字符串的长度,多余的以...表示
- 固定GridView的列
- GridView截取某一列字符串的长度,
- GridView实现列长度的控制
- 固定gridview的列宽
- Gridview固定列的方法
- 用css实现GridView的固定表头和列
- GridView中固定列的方法
- gridview的表头固定
- 用javascript实现gridview的固定表头
- 固定GridView标题栏,冻结列功能实现
- GridView中固定列
- GridView固定列功能
- gridview 固定列宽
- 截取gridview的长度
- asp.net gridview列宽固定的几种方法
- ASP.NET的GridView标题固定,列宽可调整
- (superTables)固定GridView 的表头和某几列(GridView冻结表头和列)用法
- excel中粘贴一篇文章,差点烦死
- 在.NET环境下将报表导出Excel和Word
- Repeater 控件 进行无刷新分页
- 软件测试过程模型的种类之--------H模型(转)
- .Net生成图片水印效果
- 实现gridview 固定gridview列字符串的长度,多余的以...表示
- 正则表达式
- Java中正则表达式使用方法详解
- 软件测试过程模型的种类之-------------X模型(转)
- 电子商务信用如何提高?
- 修改ASPxPivotGrid1的ShowColumnGrandTotals,显示我想要的数据算法非合计(例:平均)
- 文字自动循环滚动 的js 函数
- 软件测试过程模型的种类之--------------前置测试模型(转)
- abap call java