要分組和鎖定列很簡單，主要是ExtJS是支持的。只要糾正/...

Herry

要分組和鎖定列很簡單，主要是ExtJS是支持的。只要糾正/替換一下產生的JS就可以了。
1.不修改FineUI空間本身，方便日後升級；
2.只找下JS做修正，簡單容易。

先增加幾個函數：

1. public static class GridHelp
   
2.     {
   
3. /// <summary>
   
4.         /// Grid功能重置
   
5.         /// </summary>
   
6.         public static Dictionary<string, string> GridReset = new Dictionary<string, string>();
   
7. 
   
8.         /// <summary>
   
9.         /// Grid欄位鎖定（類似Excel列凍結）
   
10.         /// </summary>
    
11.         /// <param name="g">表格</param>
    
12.         /// <param name="ColumnID">唯一標識</param>
    
13.         public static void GridFieldLock(FineUI.Grid g, String[] ColumnIDs)
    
14.         {
    
15.             String GridFieldLockMark = "{1C1A60AC-9E4B-4688-991F-BE95290BD1E9}";
    
16.             String GridFieldUnLockMark = "{1D1CE2BE-C0E1-4DFB-A3AA-FF30A8DE73A5}";
    
17.             foreach (GridColumn gc in g.Columns)
    
18.             {
    
19.                 g.FindColumn(gc.ColumnID).HeaderText += GridFieldUnLockMark;
    
20.             }
    
21.             foreach (String gid in ColumnIDs)
    
22.             {
    
23.                 g.FindColumn(gid).HeaderText = g.FindColumn(gid).HeaderText.Replace(GridFieldUnLockMark, "");
    
24.                 g.FindColumn(gid).HeaderText += GridFieldLockMark;
    
25.             }
    
26. 
    
27.             GridReset.Add(GridFieldLockMark + """, "",locked:true,lockable:false");
    
28.             GridReset.Add(GridFieldUnLockMark + """, "",lockable:false");
    
29.         }
    
30. 
    
31.         /// <summary>
    
32.         /// Grid設置分組
    
33.         /// </summary>
    
34.         /// <param name="g">表格</param>
    
35.         /// <param name="FirstColumnID">第一列ColumnI</param>
    
36.         /// <param name="GroupColumnID">需要分組列的ColumnI</param>
    
37.         /// <param name="Collapsed">是否不展開</param>
    
38.         public static void GridFieldGroup(FineUI.Grid g, String FirstColumnID, String GroupColumnID, Boolean Collapsed)
    
39.         {
    
40.             string GridMark = "features:[{ftype:'grouping',groupHeaderTpl:'X1',hideGroupedHeader:true,enableGroupingMenu:false,startCollapsed:X2}],";
    
41.             GridMark = GridMark.Replace("X1", "{name}").Replace("X2", Collapsed ? "true" : "false");
    
42.             GridReset.Add("id:"" + g.ClientID + "",", "id:"" + g.ClientID + ""," + GridMark);
    
43. 
    
44.             GridMark = ("Ext.create('Ext.data.ArrayStore',{fields:[{name:"X"}").Replace("X", FirstColumnID);
    
45.             GridReset.Add(GridMark, GridMark.Replace("fields:", ("groupField:'X',fields:").Replace("X", GroupColumnID)));
    
46.         }
    
47.     }

复制代码

然後重寫WebFrom頁面事件：

1. protected override void Render(System.Web.UI.HtmlTextWriter writer)
   
2. {
   
3.             StringWriter sw = new StringWriter();
   
4.             base.Render(new System.Web.UI.HtmlTextWriter(sw));
   
5.             String html = sw.ToString();
   
6. 
   
7.             if (GridHelp.GridReset.Count > 0)
   
8.             {
   
9.                 foreach (KeyValuePair<string, string> dict in GridHelp.GridReset)
   
10.                 {
    
11.                     html = html.Replace(dict.Key, dict.Value);
    
12.                 }
    
13.             }
    
14. 
    
15.             writer.Write(html);
    
16.         }

复制代码

OK，接下來直接使用：
            if (!IsPostBack)
            {

                GridHelp.GridFieldLock(Grid1, new string[] { "f1", "f2", "f3", "f4" });
                GridHelp.GridFieldGroup(Grid1, "f1", "fx", true);

            }

Herry

4版，不修改FineUI本身，要用protected override void Render(System.Web.UI.HtmlTextWriter writer)调整，protected override void Render(System.Web.UI.HtmlTextWriter writer) 可以放在BasePage里面。web.config中FineUI的Debug设置为false.