GridView 長文字顯示省略號

2021-05-23 13:24:29 字數 1482 閱讀 6613

概述:1.gridview某列文字長度超過某值顯示省略號

2.但滑鼠移動到該列單元格時彈出div層,顯示全部資訊

其實網上有很類似到資料,不過沒有看見完整的,容易用的,所以也小費了點力氣!

1. gridview某列文字長度超過某值顯示省略號

主要說利用伺服器端繫結資料時做字串處理,過長到顯示「......」省略號。同時完整資訊存放在乙個隱藏到div中,為2步做準備。

繫結的處理**(詳細看下面到例子)

view plaincopy to clipboardprint?

<%# eval("productname").tostring().length > 10 ? eval("productname").tostring().substring(0,10) + "..." : eval("productname").tostring() %> 

<%# eval("productname").tostring().length > 10 ? eval("productname").tostring().substring(0,10) + "..." : eval("productname").tostring() %>

其中productname 是繫結到資料庫表到列名。

注意:必須用eval繫結,用bind繫結資料會出現錯誤,繫結資料最好用模板列,這樣在模板列中插入lable標籤來顯示資料,因為lable標籤有tootip屬性,可以用它來顯示完整的內容,而本身的text屬性繫結帶「...」的內容

例子:檔案編號

' text='<%# bind("filenumber") %>'>

2.滑鼠移動到該列單元格時彈出div層,顯示全部資訊

當滑鼠移動到該列到單元格時觸發onmouseover事件,獲取滑鼠的座標用來初始化div到座標。用document.createelement()建立div元素,設定div到屬性,最主要到是 position:absolute(這裡用div分層應該能做不過對這個還不熟悉)。在onmouseout的處理方法中刪除該div:view plaincopy to clipboardprint?

document.body.removechild(div_green);//引數是i 

document.body.removechild(div_green);//引數是i

3 .下面說完整的例子

資料庫用的說nothwind  的表 order details extended

無標題頁

文字溢位顯示省略

在做靜態頁面的有時候,有些文字內容我們考慮不多,就簡單的寫幾個文字放在那裡顯示,瀏覽靜態檔案的時候沒什麼問題,當後台開發講頁面套好資料後,可能有些文字比較長,這樣我們以前定義單行的內容就會出現換行,頁面的改區域就不能正常顯示了,出現錯位。這個問題我需要提前想到,解決辦法有很多種,前端和後台都有處理的...

文字省略顯示

效果 與多年不見的朋友相聚。露天咖啡廳,裊裊的咖啡香,落日映紅霞,餘暉灑落在我們身邊,如一幅陣年遺香的掛畫。歲月橫隔在彼此間,那些遙遠的念想溶入靜美的年華中,時光宛如遲暮美人,盈水邀月,橫笛玉音,輕紗漫舞。只是 如花美眷,又怎敵似水流年。div 2.js contents conts each fu...

實現超長文字分頁顯示

一 1 index.php 讀取超長文字中的資料,實現超長文字中資料的分頁顯示 if get page 頁次 頁 分頁 if get page 1 if get page 2 function.php 定義乙個用於擷取一段字串的函式msubstr function msubstr str,start...