新增格式化儲存格資料功能-dotNetFlexGrid1.24,快速的設定您的表格式資料的不同樣式;現在開始扔掉你的Asp.net GridView吧。(更新FieldFormatorHandle參數)

來源:互聯網
上載者:User

 

 

更新,將FieldFormatorHandle的參數類型改為DataRow,這樣就可以基於整行的資料進行格式化了。

2010-9-10 v1.24beta

  • 修複insertNewRow()、updateRowData()方法處理ID包含“#”時的BUG,調整了若干需要進行Jquery轉義的地方。
  • 新增Js方法containsRowId ()用於檢查指定ID的行是否存在。
  • 新增格式化處理,現在可以通過指定列的格式化方法來處理展現資料了。
  • 更新示範項目,增加根據狀態欄位不同來展現不同的資料和儲存格顏色。
  • 修複轉換為WebApp可能導致的bug.  

 

更新說明文檔,請訪問:JQuery FlexiGrid的asp.net完美解決方案:dotNetFlexGrid控制項完整Api說明文檔(更新至1.24 2010-9-10)

更新示範程式,請訪問:快速指南中提供TestStockFormList.aspx,示範在表單中使用dotNetFlexGrid儲存客戶錄入的資料並作為表單提交

 

 列的展現模板:輕鬆在表格中顯示文字框、按鈕等任意東西

InitConfig初始化時針對列配置增加了一個itemTemplate屬性,該屬性提供了當前列的展現模板設定,您可以在該屬性中提供幾乎任何Html內容(當然,請保證不會破壞表格結構),使用簡單的模板文法“[@欄位名]”來展現您所希望的格式,比如說:

       “<input id=’ [@Guid]’ type=’text’ value=’[@String1]’ />”

上述文法將在指定的列展現一個以該行的Guid欄位的值給出的Id的文字框,該文字框將展示String1欄位的值。

  

格式化列:在表格中根據上下文資料來控制儲存格的內容、顏色等。

1.24版本中,我們為控制項加入了格式化的處理機制,現在DataHandler的傳回值中增加了一個名為FieldFormator的配置項,您可以在這裡針對列進行具體的格式化處理,如下樣本,為返回的資料增加了一個針對列名為ProductState的處理器,我們將不同的狀態使用顏色區分,並顯示不同的文本。

   1:          dotNetFlexGrid.FieldFormatorHandle proc=delegate(DataRow dr)
   2:          {
   3:              switch (dr["ProductState"].ToString().ToLower())
   4:              {
   5:                  case "0":
   6:                      return "<span style='color:red'>禁用</span>";
   7:                  case "1":
   8:                      return "<span style='color:Blue'>下架</span>";
   9:                  case "2":
  10:                      return "<span style='color:Gray'>正常銷售</span>";
  11:                  case "3":
  12:                      return "已售空";
  13:              }
  14:              return "";
  15:          };

 

 dotNetFlexGrid支援的三種列類型:資料不一定要來源於資料庫

截止到目前的版本,控制項支援三種不同來源的列類型:

l  普通列

最普通的一種列的形式,直接從DataHandler的傳回值中擷取並展示資料,不進行任何額外處理。

l  模板列

配置了展現模板的列,該列資料將根據模板中指定的格式產生資料,該列實際可以在資料來源存在,也可以完全不存在,由運行時決定實際的展示內容。

l  格式化列

指定了格式化處理器的列,該列資料將調用格式化方法進行處理後返回,如果格式化列也存在模板配置,則將繼續應用模板中的配置產生新的資料,跟模板列一樣,該列實際可以在資料來源存在,也可以完全不存在,由運行時決定實際的展示內容。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.