关于中gridview 字符串截取的方法
在Gridview中,若某列字符串过长,不进行处理的话,显示将会不尽如人意。为了优化用户体验,我们可以采取一系列措施。通过前端CSS样式设置,可以确保字符串在固定长度内显示,超出部分则以省略号形式展现。这样,即便内容冗长,也能保持界面整洁。
前台的样式设置代码如下:
```css
.listover150 {
width: 150px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis; / 超长设置省略号 /
white-space: nowrap;
}
```
而在后台的GridView中,我们需要在RowDataBind事件进行设置。为了提升用户体验,还可以添加鼠标移动时的样式变化。
代码如下:
```csharp
// 列表加载处理
protected void gv_showReport_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
// 当鼠标移开时还原背景色
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");
e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='F4FBFF'");
e.Row.Attributes.Add("onclick", "this.style.backgroundColor='e2eaf1'");
// 设置申请原因字符串显示长度
string strDISC = e.Row.Cells[4].Text.Trim();
e.Row.Cells[4].Text = $"
编程语言
- 关于中gridview 字符串截取的方法
- Vue使用Proxy监听所有接口状态的方法实现
- Laravel5.1 框架Middleware中间件基本用法实例分析
- PHP转盘抽奖接口实例
- JavaScript截取、切割字符串的技巧
- 深入理解JS中Number(),parseInt(),parseFloat()三者比较
- PHP登录环节防止sql注入的方法浅析
- JS倒计时实例_天时分秒
- 动态jsp页面转PDF输出到页面的实现方法
- 简单实现Bootstrap标签页
- 微信公众号支付H5调用支付解析
- 探讨Hessian在PHP中的使用分析
- PHP实现的服务器一致性hash分布算法示例
- JS switch判断 三目运算 while 及 属性操作代码
- vue高德地图之玩转周边
- 防止重复发送Ajax请求的解决方案