FlexGrid grid layout problems

FlexGrid grid layout problems

Posted by: 048alexsandr1992 on 21 September 2017, 9:54 pm EST

• 

  048alexsandr1992

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 21 September 2017, 9:54 pm EST

  Hi,

  I use Bind by url

  
  Html.C1().FlexGrid<RoleView>()
          .Id("RolesGrid")
          .Bind(Url.Action("Grid"))
  ...
  
  

  So data for grid displayed dynamicaly:
  
  when page load i have grid without data http://joxi.ru/bmo9RljfMo6oKA
  
  and after a few seconds have grid with data http://joxi.ru/Drl9Kdjf4nMZvm.

  Question: How display progress loading? for example, table with a few empty strings and text “Loading…” http://joxi.ru/eAONEwvH4EyDQ2.

  2. Grid has two colums with buttons http://joxi.ru/n2YVLwjCjVYRRA
     
     When click on button edit show dialog window, and then in grid showed scrolling
     
     http://joxi.ru/8An9aKjfq0Bne2

  Scrolling disappear when close dialog window and click on grid. How to prevent scrolling from appearing?

• 

  nilay.vishwakarma

  • Post Options:
  • Link
    Copy

  Posted 25 September 2017, 7:49 am EST

  Hi,

  How display progress loading?

  #gridDropDown .c1-grid-mask {
  color: transparent;
  }
  
  #gridDropDown .c1-grid-mask:before {
  margin-left: 60px;
  content: url(@Url.Content("Content/Images/loading.gif"));
  }

  Here gridDropDown is ID of parent element of FlexGrid

  Scrolling disappear when close dialog window and click on grid. How to prevent scrolling from appearing?

  How are you displaying the popup editor?

  Refer http://demos.componentone.com/ASPNET/MVCExplorer/FlexGrid/Editing

  ~nilay

• 

  048alexsandr1992

  • Post Options:
  • Link
    Copy

  Posted 2 October 2017, 11:29 pm EST

  I resolve my problem.

  1. I use events OnClientLoadingRows and OnClientLoadedRows and add custom preloader if table empty. And if table empty after loading I insert empty rows.

  2. The problem was the presence of the css property min-heigth in the parent element.