【已解决】F.Grid()的一些问题（DataSource更新时fields参数）

fmfeggman

1.F.Grid()中的绑定的数据不按照.DataField("column")指定的字段绑定而是由 DataSource(object dataSource, string[] fields, bool clearSelection = true)的string[] fields顺序绑定


                  比如 fields = {"name_1","phone_2","account_3"}
                    F.RenderField()
                       .DataField("name_1")
                    F.RenderField()
                        .DataField("account_3")
                    F.RenderField()
                        .DataField("phone_2")

这样grid就会出现错位,不知道这样算不算BUG

2.如果字段中包含关键字“password”则整个grid将不能显示

sanshi

DataSource(object dataSource, string[] fields, bool clearSelection = true)
====
这里面 fields 只是用来将 dataSource 数据源中数据进行排序，不会影响到之前定义列的顺序。列和fields的对应关系是在页面初始化时确定的。

如果还有问题，请基于空项目重现问题，发到客服邮箱：2877408506@qq.com

sanshi

我看了你的代码，属于同一个问题，可以通过FineUIMvc所推荐的方式来解决。

原理是这样的，MVC不会保持前后台的状态，所以回发时，必须要告诉后台客户端用到了哪些fields以及排列顺序，这个信息必须由前台告知，后台是不知道的。

1. @{
   
2.     var F = Html.F();
   
3. }
   
4. @section body {
   
5. 
   
6.     @(F.Panel()
   
7.         .ID("Panel7")
   
8.         .Title("表格")
   
9.         .ShowBorder(false)
   
10.         .ShowHeader(false)
    
11.         .Layout(LayoutType.VBox)
    
12.         .BoxConfigAlign(BoxLayoutAlign.Stretch)
    
13.         .IsViewPort(true)
    
14.         .Items(
    
15.             F.Form()
    
16.                 .ID("Form5")
    
17.                 .ShowBorder(false)
    
18.                 .ShowHeader(false)
    
19.                 .BodyPadding("20")
    
20.                 .Rows(
    
21.                     F.FormRow()
    
22.                         .Items(
    
23.                             F.Button()
    
24.                                 .ID("QueryButton")
    
25.                                 .Text("查  询")
    
26.                                 .IconFont(IconFont.Search)
    
27.                                 .Listener("click", "GridBindData")
    
28.                         )
    
29.                 ),
    
30.             F.Grid()
    
31.                 .EnableCollapse(true)
    
32.                 .ShowHeader(false)
    
33.                 .ShowBorder(false)
    
34.                 .ID("GridView")
    
35.                 .BoxFlex(1)
    
36.                 .EnableCheckBoxSelect(false)
    
37.                 .ShowSelectedCell(true)
    
38.                 .AllowPaging(true)
    
39.                 .IsDatabasePaging(true)
    
40.                 .AllowSorting(true)
    
41.                 .ForceFit(true)
    
42.                 .Layout(LayoutType.VBox)
    
43.                 .Columns(
    
44.                     F.RowNumberField(),
    
45.                     F.RenderField()
    
46.                         .HeaderText("电话")
    
47.                         .DataField("phone")
    
48.                          .MinWidth(100),
    
49.                     F.RenderField()
    
50.                         .HeaderText("名称")
    
51.                         .DataField("name")
    
52.                         .MinWidth(90)
    
53.                 )
    
54.                 .PageItems(
    
55.                     F.ToolbarSeparator(),
    
56.                     F.ToolbarText()
    
57.                         .Text("每页记录数："),
    
58.                     F.DropDownList()
    
59.                         .ID("PageSize")
    
60.                         .Width(80)
    
61.                         .Items(
    
62.                             F.ListItem()
    
63.                                 .Text("20")
    
64.                                 .Value("20"),
    
65.                             F.ListItem()
    
66.                                 .Text("50")
    
67.                                 .Value("50"),
    
68.                             F.ListItem()
    
69.                                 .Text("100")
    
70.                                 .Value("100")
    
71.                        )
    
72.               )
    
73.         )
    
74.     )
    
75. }
    
76. 
    
77. 
    
78. @section script {
    
79.     <script>
    
80.     var $contorl = "Issues";
    
81.     var $delete_url = '@Url.Action("GridView_Delete")';
    
82.     var $data_url = '@Url.Action("GridBindData1")';
    
83.     function GridBindData(event) {
    
84.         var grid = F.ui.GridView;
    
85.         F.doPostBack($data_url, {
    
86.             PageIndex: grid.pageIndex,
    
87.             PageSize: F.ui.PageSize.getValue(),
    
88.             SortField: grid.sortField,
    
89.             SortDirection: grid.sortDirection,
    
90.             fields: grid.fields
    
91.         });
    
92.     }
    
93.     </script>
    
94. }
    

复制代码

1. [HttpPost]
   
2. [ValidateAntiForgeryToken]
   
3. public ActionResult GridBindData1(int pageIndex, int pageSize, string sortField, string sortDirection, JArray fields)
   
4. {
   
5.         var grid = UIHelper.Grid("GridView");
   
6.         var table = new DataTable();
   
7.         table.Columns.Add("name", typeof(string));
   
8.         table.Columns.Add("phone", typeof(string));
   
9. 
   
10.         var row = table.NewRow();
    
11.         row["name"] = "名称";
    
12.         row["phone"] = "电话";
    
13.         table.Rows.Add(row);
    
14. 
    
15.         //var fields = new List<string>();
    
16.         //foreach (DataColumn column in table.Columns)
    
17.         //{
    
18.         //    fields.Add(column.ColumnName);
    
19.         //}
    
20.         grid.RecordCount(table.Rows.Count);
    
21.         grid.DataSource(table, fields);
    
22.         return UIHelper.Result();
    
23. }

复制代码

fmfeggman

太谢谢了