Questions on UI for ASP.NET MVC Forum

3 answers

1.8K+ views

Is it possible to reload the grid through jQuery?
In Telerik Grid this could be done by firing the $("#grid").data("tGrid").AjaxRequest(), and all filters and sortings would stay as they were, but the records would be refreshed.
This would help my out tremendously, thanks!

Grid

answered on 29 Aug 2012

0 answers

152 views

Grid mvc with 2 linked dropdown

Hi,

I have 2 dropdowns. A drop-down list and society people who work for the company selected. Change of the company, I want a filter for people who work for this company.

@(Html.Kendo().Grid((IEnumerable<EntrepriseViewModel>)ViewBag.Data)

.Name("Grid")

.Columns(columns =>

{

columns.Bound(p => p.Id).Visible(false);

columns.ForeignKey(p => p.IdCompany, (System.Collections.IEnumerable)ViewBag.CompanyList, "IdCompany", "CompanyName").HtmlAttributes(new { id = "CompanyDdl" });

columns.ForeignKey(p => p.IdEmploye, (System.Collections.IEnumerable)ViewBag.EmployeList, "IdEmploye", "EmployeName").HtmlAttributes(new { id = "EmployeDdl" });

columns.Command(command => command.Edit()).Width(200);

})

.DataSource(dataSource => dataSource

.Ajax()

.Model(model => model.Id(p => p.id))

.Read(read => read.Action("Company_JSON_Read", "Home", new { id = Model.id }))

.Update(update => update.Action("Company_JSON_Update", "Home"))

)

.Editable(editable => editable.Mode(GridEditMode.InLine))

)

IdEmployeList must change after IdCompany change but how ?

Thanks

Grid

asked on 29 Aug 2012

1 answer

166 views

Grid performance issues on low-end machines

I am evaluating several UI solutions (Kendo UI, Dhtmlx, ExtJs, jqGrid, etc.) so I created an example page to compare the performance of each solution. The page contains tabs, form fields and three grids.

Here's the example page using Kendo UI.

I've found Kendo UI to be very fast except for the grids. On my beefy dev machine, this page renders in about 1.3 seconds. On a low end machine (Win XP, IE 8, 1.86 GHz, 1 GB RAM), this page can take 5-8 seconds. All of the other solutions are much faster than this. I was quite surprised by my findings especially since you tout the performance of these controls.

Here is my grid configuration:

@(Html.Kendo().Grid(Website.Prototype.Helpers.GetGridData(20))
                            .Name("Grid1")
                            .Columns(columns =>
                            {
                                columns.AutoGenerate(true);
                            })
                            .Sortable()
                            .Scrollable() 
                            .Filterable()    
                            .DataSource(dataSource => dataSource        
                                .Ajax()
                                .ServerOperation(false)        
                             )
                        )

I have a few questions:

Am I doing something wrong that would cause the performance issues?
I thought using the MVC wrapper would give Kendo UI a leg up on the competition because the html needed to render the grid is generated on the server. However, it seems that it is being regenerated on the client. Is that correct?
The grids are empty in Chrome and Firefox. It is populated in IE. Why is that?

Grid

answered on 29 Aug 2012

0 answers

116 views

How to create a grid in my Controller rather than in Javascript in the View?

Please disregard...

Grid

asked on 29 Aug 2012

2 answers

1.1K+ views

How to set the Combo box Value

Hi,

I'm new to Kendo controls. We are replacing the existing MVC controls with Kendo Controls.

The existing MVC controls looks like below
@Html.DropDownListFor(model => model.value, new SelectList(ViewBag.list, "id", "label"))

I can able to load the data but not able to set the value like above. Please suggest to set the value. Below is my Kendo control. It has the Value property but doesn't allow model values in it.

@(Html.Kendo().ComboBox()
.Name("ComboBox")
.DataTextField("label")
.DataValueField("id")
.BindTo(@ViewBag.list
)

ComboBox

answered on 29 Aug 2012

0 answers

228 views

Selects drop-down list item and sets the value and the text of the combobox

Hi

I have a grid and a 5 kendoComboBox combobox on a form
When the user selects an item from the grid, I am setting the value of kendo Combobox based on the values that were in the grid row.

i tried

// selects item if its text is equal to "test" using predicate function
combobox.select(function(dataItem) {
    return dataItem.text === "test";
});

with no result
here is my code
        var urlcountry = '@Url.Action("GetGeoGroupCountry", "GeoGroupPostalCode")';
        $.ajax({
            url: urlcountry,

            success: function (result) {
                debugger;

                var countryCombo = $("#GeoGroupCountryId").data("kendoComboBox");
                countryCombo.dataSource.add(result);

                countryCombo.select(function (dataItem) {
                    //dataItem argument is a ComboBox data item.
                    return dataItem.Text === e.sender.dataSource._data[0].GeoGroupCountryName;
                });
// e.sender.dataSource._data[0].GeoGroupCountryName) is 'United States of America'

The same no result

//                $.each(countryCombo.dataSource._data, function (key, value) {
//                    if (value.Text == e.sender.dataSource._data[0].GeoGroupCountryName) {
//                        countryCombo.select(key);
//                       return;
//                    }
//                });

            },
Thanks

DropDownList

asked on 29 Aug 2012

1 answer

135 views

[Solved] Use Grid as the datasource for a Chart

Is there a way to bind the datasource of a Chart to a Grid on the same page? I am using MVC4 (Html Helpers) and right now have two partial views that take the same IEnumerable<T> so the both render the same data initially, but I am thinking about allowing sort and filter on the grid and it would be great if I can have the chart reflect those changes.

Perhaps it would be more easily accomplished if I was using JS to create the grid and chart, but doing it with the Html helpers is so nice and clean.

Any assistance is greatly appreciated.

Grid

answered on 28 Aug 2012

4 answers

229 views

is it possible to have Grid/ google-like filtering in the MVC Kendo UI?

We want to build a grid having google like filtering, is it possible and what is the best way to wrap the code around the current kendo ui grid to accomplish this? TIA.
e.g.
ASP.NET Ajax Grid Google Like Filtering

Grid

answered on 28 Aug 2012

0 answers

123 views

Combo box must choose something from list

nevermind

ComboBox

asked on 28 Aug 2012

5 answers

374 views

Cascading ComboBox does not work - Urgent

The attached sample project is based on your sample of submitting a grid in a form post along with other elements. I've changed it to use a Popup edit mode to add records to the grid, and have specified a custom editor template for this popup. It contains two comboboxes, the idea being that to add a product to the order, the user selects a category, and then the products combobox should be populated with the products linked to that category. But the second combobox remains disabled and it's Read method never fires. (I've taken the code for the cascading from the Kendo demo for Cascading Comboboxes.) Please advise why this does not work.

ComboBox

answered on 28 Aug 2012