[Solved] Grid inside jqueryui dialog insert record issue

[Aleksander]

I have the following grid inside a jqueryui dialog and I can insert the first record just fine but when i insert the 2nd one, when i return the view after adding the 2nd item I get a 500 error and i'm not sure what it's not finding since it found it the first time.

Grid Code:

<% Html.Telerik().Grid<SmartQuality.Presentation.Areas.Admin.Models.QuestionProperty>()
           .Name("gProperties")
           .ToolBar(commands => commands.Insert().ButtonType(GridButtonType.Image))
           .DataKeys(keys => keys.Add(o => o.QuestionPropertyId))
           .Columns(columns =>
            {
                columns.Bound(o => o.Text);
                columns.Bound(o => o.Value);
                columns.Bound(o => o.OrderBy);
                columns.Bound(o => o.IsDefault);
                columns.Command(commands =>
                {
                    commands.Edit().ButtonType(GridButtonType.BareImage);
                    commands.Delete().ButtonType(GridButtonType.BareImage);
                }).Width(80);
            })
            .DataBinding(dataBinding =>
            {
                dataBinding.Ajax()
                .Select("SelectPropertyToGrid", "Form")
                .Insert("InsertPropertyToGrid", "Form")
                .Update("UpdatePropertyToGrid", "Form")
                .Delete("DeletePropertyToGrid", "Form");
            })
            .Pageable()
            .Sortable()
            .Render();
    %>

Controller dataBinding functions:

[HttpPost]
        [GridAction]
        public ActionResult SelectPropertyToGrid()
        {
            return View(new GridModel(QuestionProperties));
        }

        [HttpPost]
        [GridAction]
        public ActionResult InsertPropertyToGrid()
        {
            QuestionProperty qp = new QuestionProperty();

            if (TryUpdateModel(qp))
            {
                QuestionProperties qps = this.QuestionProperties;
                qps.Add(qp);
                this.QuestionProperties = qps;
            }

            return View(new GridModel(QuestionProperties));
        }

        [HttpPost]
        [GridAction]
        public ActionResult UpdatePropertyToGrid(int id, string text, decimal value, int orderBy, bool isDefault)
        {
            QuestionProperty qp = this.QuestionProperties.Find(o => o.QuestionPropertyId == id);

            QuestionProperties qps = this.QuestionProperties;

            qp.Text = text;
            qp.Value = value;
            qp.OrderBy = orderBy;
            qp.IsDefault = isDefault;

            TryUpdateModel(qp);

            this.QuestionProperties = qps;

            return View(new GridModel(QuestionProperties));
        }

        [HttpPost]
        [GridAction]
        public ActionResult DeletePropertyToGrid(int id)
        {
            QuestionProperty qp = this.QuestionProperties.Find(o => o.QuestionPropertyId == id);

            if (qp != null)
            {
                QuestionProperties qps = this.QuestionProperties;
                qps.Remove(qp);
                this.QuestionProperties = qps;
            }

            return View(new GridModel(QuestionProperties));
        }

am i missing something?

[Petur Subev]

Hi Aleksander,

It seems that there is an exception being thrown while you are trying to update the item.
You can try to run the project in debug to let the visual studio popup when the error occurs, or you can use Developer tools for Chrome and IE or Firebug for Firefox to check what exactly is the result (I suppose it is yellow screen).
If this does not help you please send us a runnable project which reproduces the problem so we can check for a solution.

All the best,
Petur Subev
the Telerik team

[Aleksander]

what do you mean by "(I suppose it is yellow screen)."

[Petur Subev]

Hi again Aleksander,

By yellow screen I mean the error page which is returned by the application when an error occurs (which is visible in debug compilation mode by default). It typically gives information to easy locate the error.

All the best,
Petur Subev
the Telerik team

[Aleksander]

I get a 500 error stating that it's not an IComparable? Any thoughts? We're using a grid exactly like this in another project and it works fine w/o the IComparable.

[Aleksander]

It also shows that the first record is inserted and it posts with JSON. the 2nd time i insert a record is shows HTML not JSON when using firefox.

[Aleksander]

Fixed... On my object I had to extend IComparable and just create a CompareTo function and it fixed the issue.