Hello Lyubo,

Much thanks for the link. Would just like to inquire if the code will also work for MVC projects?

Thanks and good day once again.

Almond

hi Almond,

The customized code is completely done in the front end, so in case of MVC scenario it will work.

You will just need to use the MVC wrapper to configure the grid.

Please let me know if you need further assistance.

regards

Lyubo

Hello Lybo,

Much thanks agian for the reply.

I am actually a newbie in MVC and having a hard time in adjusting your code :)

Could you possibly help me with my code below:

@(Html.Infragistics().Loader()

        .ScriptPath(Url.Content("~/Scripts/IG/js/"))

        .CssPath(Url.Content("~/Content/IG/css/"))

        .Theme("metro")

        .Resources("igShared")

        .Render())

<script type="text/javascript">

 var updates;

 var grid = $('#grid1');

    $.ig.loader(function () {

        $("#saveChanges").igButton({ labelText: $("#saveChanges").val(), disabled: true });

        $("#undo").igButton({ labelText: $("#undo").val(), disabled: true });

        $("#redo").igButton({ labelText: $("#redo").val(), disabled: true });

        grid.live("iggridupdatingrowdeleted", function (e, args) {

            $("#undo").igButton("option", "disabled", false);

            $("#saveChanges").igButton("option", "disabled", false);

        });

        grid.bind("iggridupdatingeditrowended", function (e, args) {

           if (args.update) {

                $("#undo").igButton("option", "disabled", false);

                $("#saveChanges").igButton("option", "disabled", false);

            }

        });       

    });

    $("#undo").live('igbuttonclick',function (e, args) {

            updates = grid.data('igGrid').dataSource.allTransactions();

            grid.igGrid("rollback", true);

            $("#redo").igButton("option", "disabled", false);

            $("#undo").igButton("disable");

            $("#saveChanges").igButton("disable");

           return false;

        }

    );

    $("#redo").live('igbuttonclick',function (e) {

            $.each(updates, function (index, transaction) {

              switch (transaction.type) {

                  case "row":

                        $('#grid1').igGridUpdating('updateRow', transaction.rowId, transaction.row, null, false);

                       break;

                   case "newrow":

                        $('#grid1').igGridUpdating('addRow', transaction.row, false);

                       break;

                   case "deleterow":

                        $('#grid1').igGridUpdating('deleteRow', transaction.rowId, false);

                       break;

                }

            });

            $(this).igButton("disable");

            $("#undo").igButton("option", "disabled", false);

            $("#saveChanges").igButton("option", "disabled", false);

        }

    );

    $("#saveChanges").live('igbuttonclick',function (e) {

            $("#grid1").igGrid("saveChanges");

            $("#undo").igButton("disable");

            $(this).igButton("disable");

           return false;

        }

    );

    $("#grid1").live("iggridupdatingroweditdialogclosed", function (event, ui) {

       if (event.buttons == 0) {

            $("#undo").igButton("option", "disabled", false);

            $("#saveChanges").igButton("option", "disabled", false);

        } else {

            $("#undo").igButton("option", "disabled", true);

            $("#saveChanges").igButton("option", "disabled", true);

        }

    });

    $("#grid1").live("iggridupdatingdatadirty", function (event, ui) {

    $("#grid1").igGrid("commit");

    return false;

    });

</script>

@{ ViewBag.Title = "List of Branches";}

@(Html.Infragistics().Grid<csis2013Mvc3.tbl_branches>()

      .ID("grid1")

      .PrimaryKey("branch_idno")

      .AutoGenerateColumns(false)

      .AutoGenerateLayouts(false)

      .AutoCommit(false)

      .UpdateUrl(Url.Action("EditingBranches"))

      .Columns(column =>

                   {

                       column.For(x => x.branch_idno).DataType("number").Hidden(true);

                       column.For(x => x.branch_code).HeaderText("CODE: ").DataType("string");

                       column.For(x => x.branch_location).HeaderText("LOCATION: ").DataType("string");

                       column.For(x => x.branch_chapel_desc).HeaderText("DESCRIPTION: ").DataType("string");

                       column.For(x => x.branch_contactperson).HeaderText("CONTACT PERSON: ").DataType("string");

                       column.For(x => x.branch_contactno).HeaderText("CONTACT NO.: ").DataType("string");

                   })

      .Features(feature =>

                    {

                        feature.Selection().Mode(SelectionMode.Row).MultipleSelection(false);

                        feature.Sorting().Type(OpType.Local);

                        feature.Paging().PageSize(10).PrevPageLabelText("Previous").NextPageLabelText("Next");

                        feature.Filtering().Type(OpType.Local);

                        feature.Updating().EnableAddRow(true).EnableDeleteRow(true)

                                   .EditMode(GridEditMode.RowEditTemplate)

                .RowEditDialogContainment("owner")

                                  .RowEditDialogWidth("375px")

                                 .RowEditDialogHeight("275px")

                            .RowEditDialogOkCancelButtonWidth("100px")

                            .RowEditDialogFieldWidth("200px")

                            .ShowReadonlyEditors(false);

                    })

      .Virtualization(false)

      .ClientDataSourceType(ClientDataSourceType.JSON)

      .DataSourceUrl(Url.Action("BranchList"))

      .ResponseDataKey("")

      .Height("100%")

      .DataBind()

      .Render())

<br/>

<button id="saveChanges" value="@Resources.SAVE_CHANGES"></button>

<button id="undo" value="@Resources.UNDO"></button>

<button id="redo" value="@Resources.REDO"></button>

Thanks in advance for the help and good day once again.

almond :)

Dear Elena,

Much thanks for your reply. We'll try and check if i can successfully implement your suggestion.

I also have one more question, can the image below be implemented using the rowedittemplate features?

Thanks in advance and hope you can help me with regarding the customizing the rowedittemplate :)

regards,

almond

Hello Infragistic Gurus,

Would like to follow up on my below inquiry. Can anyone provide me a working example?

Thanks in advance and good day to everyone.

More power to Infragistics while less coding to developers :D

regards,
almond 

Much thanks for the help Elena. I am still having a hard time with regards to my problem. Would it be too much if I could request for a working sample with the layout including the image.

Thanks in advance :)

Hello Infragistics Gurus.

Can anyone help me with my inquiry above?

Thanks in advance :)

regards,

almond