How do I go about adding Infragistics controls to an MVC3 (Razor View Engine) page (cshtml). Since there is no design view, my toolbox doesnt load my infragistics controls so I have no way of adding them.

When using the ASPX View Engine, it has the design view and thus the controls show up in my toolbox and I can add them to a page.

So to reiterate, how do I add Infragistic controls to an MVC3 (Razor) cshtml page in VS2010?

Thanks,

Adrian

Adrian:

Our 11.1 release (beginning of June) will feature a new samples browser which includes Razor snippets.

Best,

Craig

Craig:

Thank you for your response, but it does not quite answer my question.

What I really want to know is if I can go ahead and use Infragistics components right now in an MVC3 (Razor) project, or if I have to wait until the release of 11.1? I'm not really concerned about the example snipetts, I just want to know if its possible to use right now.

Thanks,

Adrian

With NA 2011.2 you can hid columns with features.Hiding

Here is an example of code:

@( Html.Infragistics().Grid<Models.item>()
.ID("igGrid1")
.FixedHeaders(true)
.Columns(column =>
{
column.For(x => x.fld1).HeaderText("fld1").Width("90");
column.For(x => x.fld2).HeaderText("fld2").Format("MM/dd/yyyy").Width("100");
column.For(x => x.fld3).HeaderText("fld3").Format("currency").Width("155");
column.For(x => x.fld4).HeaderText("fld4").Width("155");
column.For(x => x.fld5).HeaderText("fld5").Format("MM/dd/yyyy").Width("100");
column.For(x => x.fld6).HeaderText("fld6").Format("currency").Width("155");
column.For(x => x.fld7).HeaderText("fld7").Width("100");
column.For(x => x.fld8).HeaderText("fld8").Width("60");
column.For(x => x.fld9).HeaderText("fld9").Width("10");
column.For(x => x.fld10).HeaderText("fld10").Width("10");
column.For(x => x.fld11).HeaderText("fld11").Width("400");
})
.Features(features =>
{
features.Sorting().Mode(SortingMode.Single).ApplyColumnCss(false);
features.Selection().MouseDragSelect(false).MultipleSelection(false).Mode(SelectionMode.Row);
features.Selection().Activation(true);
features.Sorting();
features.Paging().PageSize(25);
features.Filtering().Mode(FilterMode.Advanced);
features.Hiding().ColumnSettings(settings =>
{
settings.ColumnSetting().ColumnKey("fld1").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld2").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld3").Hidden(false).AllowHiding(false
);
settings.ColumnSetting().ColumnKey("fld4").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld5").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld6").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld7").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld8").Hidden(false).AllowHiding(false);
settings.ColumnSetting().ColumnKey("fld9").Hidden(true).AllowHiding(true);
settings.ColumnSetting().ColumnKey("fld10").Hidden(true).AllowHiding(true);
settings.ColumnSetting().ColumnKey("fld11").Hidden(false).AllowHiding(false);
});
})
.ClientDataSourceType(ClientDataSourceType.JSON)
.DataSourceUrl(Url.Action("someFunction", new RouteValueDictionary(new { id = Model.id})))
.Width("100%")
.Height("400")
.DataBind()
.Render()
)

Thanks its fixed now after adding json2.js.

But now i am facing one more problem.

i have put one hidden column by making it's width 0, but still i can see that column having width around 1-2 px.

code is given below

@( Html.Infragistics().Grid<GridRow>()

        .ID("igGrid1")

        .Columns(column =>

        {

            column.For(x => x.DocumentType).DataType("string").HeaderText("Document Type");

            column.For(x => x.AIV).DataType("string").HeaderText(" ").Width("0px");

        })

        .Features(features =>

        {

            features.Paging().PageSize(20).PrevPageLabelText("Previous").NextPageLabelText("NEXT");

            features.Sorting().Mode(SortingMode.Single).ColumnSettings(settings =>

            {

                settings.ColumnSetting().ColumnKey("DocumentGuid").AllowSorting(true);

            });

            features.Selection().MouseDragSelect(true).MultipleSelection(true).Mode(SelectionMode.Row);

        })

        .ClientDataSourceType(ClientDataSourceType.JSON)

.DataSourceUrl(Url.Action(ViewBag.HI))

        .Width("100%")

        .Height("450")

        .LocalSchemaTransform(true)

        .DataBind()

        .Render()  

i tried above code in IE 7, but its giving JQuery error whenever i perform any action like paging or change page no. from top dropdown.