FineUI 官方论坛

标题: 【已解决】F.Grid()的一些问题（DataSource更新时fields参数） [打印本页]
作者: fmfeggman    时间: 2017-11-19 09:12
标题: 【已解决】F.Grid()的一些问题（DataSource更新时fields参数）
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    时间: 2017-11-20 09:35
DataSource(object dataSource, string[] fields, bool clearSelection = true)
====
这里面 fields 只是用来将 dataSource 数据源中数据进行排序，不会影响到之前定义列的顺序。列和fields的对应关系是在页面初始化时确定的。

如果还有问题，请基于空项目重现问题，发到客服邮箱：2877408506@qq.com
作者: sanshi    时间: 2017-11-24 14:09
我看了你的代码，属于同一个问题，可以通过FineUIMvc所推荐的方式来解决。

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

  1. @{
  2.     var F = Html.F();
  3. }
  4. @section body {

  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. }


  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));

  10.         var row = table.NewRow();
  11.         row["name"] = "名称";
  12.         row["phone"] = "电话";
  13.         table.Rows.Add(row);

  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    时间: 2017-11-24 22:38
太谢谢了



欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4