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

I've installed 11.1 (released today) and none of the samples that I've looked at so far are using the Razor engine.

Hi anthonyqueen,

Thank you for your intrest in Infragistics.

When you open a sample there is a drop down "Select Sample source file to View" from which you can select the source file that will be presented in the box bellow. For the MVC samples in this drop down you can find files with .cshtml extension, those show how to create the sample with the Razor view engine.

Hope this helps,

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.