GridView的 RowDataBound與 RowCreated事件--[Case Study]文字太長自動換行(斷行、換列、Text Wrap)

摘要:GridView的 RowDataBound與 RowCreated事件--[Case Study]文字太長自動換行(斷行、換列、Text Wrap)

 

 

在論壇上看見的發問,可以作為我的書本「上集」 - ASP.NET專題實務(1) / 博碩出版   Ch.11的補充範例

針對大型控制項,

例如 GridView常常用到 RowCreated事件、RowDataBound事件

如果是其他的大型控制項,事件則為 ItemCreated、ItemDatabound

 

您可以在網路上找到很多範例,都會用到這些事件

[轉貼]GridView 72般絕技 -- 作者:清清月兒。    兼論:我學習.NET的心路過程
 https://dotblogs.com.tw/mis2000lab/2011/12/27/63495

 

但有沒有人「由淺入深」「一步一步」讓您學會這些事件的基礎

1.  這些事件的 e有什麼意思?特性?

2.  哪些程式碼是專門搭配這些事件呢?

 

當您學通了

這些範例您就自己會作

 

不然的話,您只是蒐集了一堆「不連貫」的範例而已

 

 

問  題:

您在畫面上設定的  GridView,步驟如下

1. GridView 智慧標籤 ==> 編輯資料行

2. 設定某一個欄位的 ItemStyle  ==>

      Width = 150px

      Wrap = True(文字自動換列、斷行、換行)

 

您會發現,中文字太長,超過寬度會自動換列

英文字就不行囉。(錯誤成果,請看下圖「下方」的GridView)

     

 

................................................................................................................................................................................

作  法:

首先,依照上面的設定,先做好

1. GridView 智慧標籤 ==> 編輯資料行

2. 設定某一個欄位的 ItemStyle  ==>

      Width = 150px

      Wrap = True(文字自動換列、斷行、換行)

 

後置程式法有兩種寫法,都是使用簡單的CSS。

任選其一來作即可。

 

第一種:

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            e.Row.Cells[2].Style.Add("word-break", "break-all");
            // 動態加入CSS的「Style」

            //執行成果,畫面的HTML原始檔:
            //    <td style="color:#CC0066;width:150px;word-break:break-all;">
            //    每一列的第三格(title欄位)都有這段CSS。
        }
    }

  

第二種:

    protected void Page_Load(object sender, EventArgs e)
    {
        GridView1.Attributes.Add("Style", "word-break:break-all; word-break:break-word");
        // 在GridView轉換成傳統HTML表格時,加入這段CSS。

        // 執行後,網頁的HTML原始檔:  
        // <table cellspacing="0" rules="all" border="1" id="GridView1" style="border-collapse:collapse;word-break:break-all; word-break:break-word">
    }

 

這個範例可以在這本書上找到,請看:  ASP.NET編程之道(人民郵電出版社)

http://www.dotblogs.com.tw/mis2000lab/2012/10/15/77486

  

想想看:

1.  您知道這兩種寫法有何差別嗎?我在上面的「註解」裡面有講

2.  .Controls.Add() -- 動態加入控制項  /  .Attributes.Add()  / .Style.Add()三者有何不同?

3.  上述的事件中(GridView的 RowDataBound與 RowCreated事件)

     e.RowType  /  e.RowState  /  e.RowIndex各有什麼意思?用在哪些地方?

 

花一天的時間,很輕鬆地就能學會

而且有源源不絕的範例讓您親手作、讓您體會

 

自己看書、自己上網找......要花多久時間才能突破啊????.......太累了

 

書本「上集」的 Ch.10 / 11這兩章,是台灣目前入門書(甚至進階書)都比較少講得部分

所以這兩章,我各自花 一天 來說明

也是我的「入門實戰班」課程跟市面上 ASP.NET入門課最大的差異!

 ASP.NET Web Form 線上教程、遠距教學

 https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

ASP.NET (Web Form) 遠距教學、歡迎在家自修、學習 (約 51小時)
***本課程是「事先錄影」的影片。繳費後就能觀賞!*** 

先試聽!滿意再付款,對您才有保障!     請來信聯絡,給您試聽第一堂課。
參與本課程者,可 "免費"獲得 3天 ASP.NET MVC課程(影片)

 

................................................................................................................................................................................

 

與其學一堆「不連貫的招式」、「斷斷續續的程式碼」

不如學通裡面的「心法」......

 

從此暢行無阻,學習起來不再有畏懼     (學過以後....不害怕ASP.NET)

 

憑什麼班班客滿?

憑什麼上課的學員,八成為業界工程師?

憑什麼高雄、嘉義、新竹的學員,每週願意搭高鐵,通勤上課?

 

難道他們都是笨蛋?   難道這門課、這麼入門,也有人搶著上?

 ASP.NET Web Form 線上教程、遠距教學

 https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

ASP.NET (Web Form) 遠距教學、歡迎在家自修、學習 (約 51小時)
***本課程是「事先錄影」的影片。繳費後就能觀賞!*** 

先試聽!滿意再付款,對您才有保障!     請來信聯絡,給您試聽第一堂課。
參與本課程者,可 "免費"獲得 3天 ASP.NET MVC課程(影片)

 

 

 

 

我將思想傳授他人, 他人之所得,亦無損於我之所有;

猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----Thomas Jefferson

線上課程教學,遠距教學 (Web Form 約 51hr)  https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

線上課程教學,遠距教學 (ASP.NET MVC 約 135hr)  https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

 

寫信給我,不要私訊 --  mis2000lab (at) yahoo.com.tw  或  school (at) mis2000lab.net

 (1) 第一天 ASP.NET MVC5 完整影片(5.5小時 / .NET 4.x版)免費試聽。影片 https://youtu.be/9spaHik87-A 

 (2) 第一天 ASP.NET Core MVC 完整影片(3小時 / .NET Core 6.0~8.0)免費試聽。影片 https://youtu.be/TSmwpT-Bx4I 

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm  。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b  


ASP.NET遠距教學、線上課程(Web Form + MVC)。 第一天課程, "完整" 試聽。 

.........   facebook社團   https://www.facebook.com/mis2000lab   ......................

.........  YouTube (ASP.NET) 線上教學影片  https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/

 

Blog文章 "附的範例" 無法下載,請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍(嚴格認定)。

...................................................................................................................................................... 

ASP.NET MVC  => .NET Core MVC 線上教學  ...... 第一天課程 完整內容 "免費"讓您評估 / 試聽

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了!MIS2000Lab.主講   事先錄好的影片,並非上課側錄!   觀看時,有如「一對一」面對面講課