Hi Maya,

Thank you for this quick helpful response.

I will follow these steps and check the example and let you know.

Thanks again for your help

Regards

Sonia

 Hello Sonia ,

Could you let me know whether the grid  is on the view which you load dynamically:

    $.ajax({

                    url: 'Home/ManageQ1',

                    contentType: 'application/html; charset=utf-8',

                    type: 'GET',

                    dataType: 'html'

                })

If that’s the case the grid will be re-instantiated each time you change the selection from the drop down.

Could you provide some additional information on how the partial views are loaded and in what order they’re loaded?

Best Regards,

Maya Kirova

Developer Support Engineer II

Infragistics, Inc.

http://es.infragistics.com/support

Hi Maya,

Thank you for your reply.

I am using Jquery to declare my view where I populate it with a data through $.getJSON("Home/GetAllPOARA", null, function (data) {...}

The ajax call 

$.ajax({
url: 'Home/LoadPOA',
contentType: 'application/html; charset=utf-8',
type: 'GET',
dataType: 'html'
})

.success(function (result) {
$("#AjaxPOARAGrid").html(result);
})
.error(function (xhr, status) {
alert("POA grid" + status);
})

that calls the grid is on a separate partial view. It is called on a button click.

Please if you need further details let me know.

Thank you 

Sonia

Hello Sonia ,

I’ve tried reproducing this on my side based on your code.

On the main page the two partial views are loaded. In the first the drop down is loaded and in the second the grid.

When changing the active value the first column is hidden or shown accordingly.

I’ve noticed that you’re not using a standard drop down list.

This:

(Html.Kendo().DropDownListFor(m => m.cntStatusID)

.BindTo(Model.Q1EditList)

.OptionLabel("Select an option...")

.HtmlAttributes(new { style = "width:830px;" })

.Value(Model.cntStatusID.ToString()))

Appears to be a third party control.

It’s possible that it uses a different “change” event than the standard DropDownList.

I’ve attached the sample with a standard DropDownList. Please refer to it and let me know if you encounter any issue when testing it.

If the sample is not an accurate demonstration of what you’re doing in your application, please feel free to modify it and send it back, or send a small sample project of your own if you have one.

I’m looking forward to your reply.

Best Regards,

Maya Kirova

Developer Support Engineer II

Infragistics, Inc.

http://es.infragistics.com/support

Hi Maya,

I am getting this error : Uncaught TypeError: undefined is not a function  for this line :  $("#poaraGrid").igGridHiding("hideColumn", "lkpoaratype");

Regards

Sonia

Hello Sonia , 

Are you getting this error with the attached sample?

Note in the previous attachement I’ve removed the dlls due to their size.

I’ve attached the sample again with all dlls except the Infragistics.Web.Mvc.

In order to run the sample copy the Infragistics.Web.Mvc assembly to the Bin folder of the project and add a reference to it.

Let me know if you’re able to run it after adding the assembly.

Best Regards,

Maya Kirova

Developer Support Engineer II

Infragistics, Inc.

http://es.infragistics.com/support

Hi Maya,

I solved the problem.

I used 

 instead of $(".selector").igGridHiding("hideColumn", 1);

Thank you for your help and assistance anyway

Regards

Sonia

Hi Maya,

Thank you for your answer.

Yes I checked and I have the required JS files loaded. I wanted to try another example and now I got the error of unable to use  hideColumn prior initialization, so I changed the code and put it inside an iggriddatabound but nothing happen. The alert message that I created is giving me the right output but the igGridHiding is not doing anything.

Please find below the example :

$("#poaraGrid").on("iggriddatabound", function (event, ui) {

var i, grid = ui.owner,
ds = grid.dataSource,
data = ds.data(),
dataLengthPORA = data.length;

var columnPOA = $("#poaraGrid").igGrid("option", "columns");
var columnPOAKey = columnPOA[1].key;

alert(columnPOAKey );

if (columnPOAKey === "lkpoaratype") {

$("#poaraGrid").igGridHiding("hideColumn", "lkPOARAName");
}

});

Regards

Sonia

 Hello Sonia ,

 The error could be raised if the igGridHiding scripts are not loaded on the page.

Could you check in the browser’s network whether the all scripts loaded via the igLoader are loaded without any errors on your page?

Specifically check for the : infragistics.ui.grid.hiding.js file.

Also check if the jQuery selector: $("#poaraGrid") is properly returning the correct Dom element.

I’m looking forward to your reply.

Best Regards,

Maya Kirova

Developer Support Engineer II

Infragistics, Inc.

http://es.infragistics.com/support

Hi Maya,

Thank you for this update. I will run it and let you know

Regarding the error in my previous post. I got that in my main project when I wanted to use the igGridHiding "word". Even with no dropdownlist change event. I just wanted to hide and show the column without using a dropdownlist change event to check if the problem is with my dropdowlist declaration or iggrid and I found that when using this igGridHiding I have that Jquery error.

Thank you 

Regards

Sonia