Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Flavio
2048
igGrid Hiding and automatic columns width
posted

Hi,

I've just installed new 2012.2 version, but I still have the same problem I had with last version.

I am using different grid objects and, only with this one, I have this strange behavior:

  1. FIRST CASE:
    GridModel gm = new GridModel();
    gm.ID = "grid_id";
    gm.DataSource = // list as queryable
    gm.AutoGenerateColumns = false;
    gm.PrimaryKey = "Id";
    gm.HtmlAttributes = new Dictionary<string, object>() { { "class", "grid" } };
    gm.Width = "100%";

    gm.Columns.Add(new GridColumn("Id", "Id", "number", ""));
    gm.Columns.Add(new GridColumn("Description", "Description", "string", ""));
    ...
    NOTE THAT ALL THE COLUMNS ARE WITHOUT DEFINED WIDTH
    ...
    GridHiding hiding = new GridHiding();
    gm.Features.Add(hiding);

    IT WORKS FINE...



  2. SECOND CASE:
    GridModel gm = new GridModel();
    gm.ID = "grid_id";
    gm.DataSource = // list as queryable
    gm.AutoGenerateColumns = false;
    gm.PrimaryKey = "Id";
    gm.HtmlAttributes = new Dictionary<string, object>() { { "class", "grid" } };
    gm.Width = "100%";

    gm.Columns.Add(new GridColumn("Id", "Id", "number", ""));
    gm.Columns.Add(new GridColumn("Description", "Description", "string", ""));
    ...
    NOTE THAT ALL THE COLUMNS ARE WITHOUT DEFINED WIDTH
    ...
    GridHiding hiding = new GridHiding();
    ColumnHidingSetting hSetId = new ColumnHidingSetting();
    hSetId.ColumnKey = "Id";
    hSetId.AllowHiding = false;
    hSetId.Hidden = true;
    hiding.ColumnSettings.Add(hSetId);
    ...
    HERE I DEFINE ONLY ID COLUMN OR SOME COLUMNS OR ALL THE COLUMNS HIDING PROPERTIES (BEHAVIOR IS THE SAME)
    ...
    gm.Features.Add(hiding);

    THIS IS THE RESULT:

Do you know which can be the problem? In other grids I left out column width during their definition and it works correctly.

Thanks

Flavio

Parents
  • 2048
    Verified Answer
    posted

    I partially solved in this way, but please correct me if I am wrong.
    Let's start from the above bad visualization. If I select a hiddable column and I hide it, all the grid layout is re-rendered to a perfect visualization.
    This is great...so what I tried to do? I just put this kind of code in the javascript section:

        $(".tab").tabs({
            select: function (event, ui) {
                if ((ui.index == 1)) {
                    $("#grid_id").igGridHiding("hideColumn", "XXXColumn");
                }
            }
        });

    What I do is the following: when I click on a tab, I force the grid to hide a column that I wanted to hide, but I set on show by default. The result is that when the script code hide theXXXColumn, grid layout is rendered again, occuping the 100% width. And in this way it is done automatically...

    Flavio

Reply Children