This is a migrated thread and some comments may be shown as answers.

RadGrid's grouping UI problem when using in Sharepoint 2010

3 Answers 55 Views

Grid

This is a migrated thread and some comments may be shown as answers.

T asked on 28 Apr 2011, 03:10 AM

GroupIconDisappear.png

hello everyone,

I have a problem with the UI of RadGrid when using grouping functionality. It happens at the first time when a page is loaded, the UI of grouping icon does not appear as expected. When I click on to expand/collapse, the UI seems to be OK now.

The group load mode is client side and the grid is put on a web part deployed in sharepoint 2010.
Please see the attached file to see the problem in detail.

Any suggestion?

Regards,
TNgo

3 Answers, 1 is accepted

answered on 01 May 2011, 10:12 AM

1.png

2.png

hi Tsvetoslav ,

The radgrid is created at server side programmatically as following:

RadGrid mygrid = new RadGrid();

mygrid.ID = "approvalGrid";

mygrid.HeaderStyle.Font.Bold = true;

mygrid.ColumnCreated += new GridColumnCreatedEventHandler(approvalGrid_ColumnCreated);

mygrid.ItemDataBound += new GridItemEventHandler(approvalGrid_ItemDataBound);

mygrid.Skin = "Office2007";

mygrid.AllowPaging = false;

mygrid.AllowMultiRowSelection = true;

mygrid.ClientSettings.Selecting.AllowRowSelect = true;

//add the checkbox column to grid

GridClientSelectColumn chkSelectCol = new GridClientSelectColumn();

chkSelectCol.UniqueName = "ClientSelectColumn";

chkSelectCol.HeaderStyle.Width = Unit.Pixel(30);

mygrid.MasterTableView.Columns.Add(chkSelectCol);

string[] listID = new string[1];

listID[0] = "ID";

mygrid.MasterTableView.ClientDataKeyNames = listID;

//enable grid's grouping

mygrid.MasterTableView.GroupLoadMode = GridGroupLoadMode.Client;

mygrid.MasterTableView.Width = new Unit(100, UnitType.Percentage);

mygrid.ClientSettings.AllowColumnsReorder = true;

mygrid.ClientSettings.ReorderColumnsOnClient = true;

mygrid.MasterTableView.GroupsDefaultExpanded = true;

The grid's grouping is created by the grouping expression, based on this, and below is my code snippets:

//Group by Project Name

GridGroupByExpression expressionByProjectName = new GridGroupByExpression();

//Group by ProjectName column

GridGroupByField projectName = new GridGroupByField();

projectName.FieldName = "ProjectName";

projectName.HeaderText = "Project Name";

projectName.FormatString = "<strong>{0}</strong>";

expressionByProjectName.SelectFields.Add(projectName);

projectName = new GridGroupByField();

projectName.FieldName = "ProjectName";

expressionByProjectName.GroupByFields.Add(projectName);

mygrid.MasterTableView.GroupByExpressions.Add(expressionByProjectName);

//Group by AssignedTo Column

GridGroupByExpression expressionByAssignedTo = new GridGroupByExpression();

GridGroupByField assignedTo = new GridGroupByField();

assignedTo.FieldName = "AssignedTo";

assignedTo.HeaderText = "Resource Name";

assignedTo.FormatString = "<strong>{0}</strong>";

expressionByAssignedTo.SelectFields.Add(assignedTo);

assignedTo = new GridGroupByField();

assignedTo.FieldName = "AssignedTo";

expressionByAssignedTo.GroupByFields.Add(assignedTo);

mygrid.MasterTableView.GroupByExpressions.Add(expressionByAssignedTo);

My problem is when a web part is loaded, the expand/collapse image does not appear as expected, it is just a square image instead(?). After I click on a square, now the expand/collapse image is available.

Now I attach 2 files, the first one is the problem of a expand/collapse image when a web part is loaed, and the second one described everything is OK after I click on a square.

The version of Telerik control is 2010.1.415.35.

Regards,
TNgo