Questions on UI for ASP.NET MVC Forum

3 answers

506 views

[Solved] Ajax Binding return 'undefined' results in list

Hi,

I'm not able to get Ajax binding to work with my combobox. I went the Kendo Ajax binding example to the letter. The combox box returns 'undefined' in the results. I verified that the controller method is called.

Controller:

public JsonResult GetContainers()

{

List<Container> containers = new List<Container>();

containers.Add(new Container() { ContainerId = 1, ContainerName = "Container1" });

containers.Add(new Container() { ContainerId = 2, ContainerName = "Container2" });

return Json(containers);

}

View:

@(Html.Kendo().ComboBox()

.Name("TestContainerName")

.DataTextField("ContainerName")

.DataValueField("ContainerId")

.Filter(FilterType.Contains)

.DataSource(dataSource =>

{

dataSource.Read(read =>

{

read.Action("GetContainers", "Common");

});

})

.SelectedIndex(0)

)

ComboBox

answered on 09 Jun 2016

1 answer

169 views

Foreign Key column editing is not working on server

I am using Kendo Grid and also using its Foreign Key column editing option.

When I build my project on local host, it seems everything is perfect.

However, when I publish it, it does not working as on my local host.

On my local, it is a dropdownlist but when I publish it, it seems like its a numeric textbox.

How can I fix this ?

Grid

answered on 09 Jun 2016

7 answers

3.3K+ views

how to use combobox in a grid cell

I'm having trouble figuring out how to use a Kendo Comobox in an editor template for a Grid cell (both ajax). Is there an example of this anywhere? I have a typical scenario where the Combobox has an id for the value and but text for the display. The text needs to appear in the grid cell and combobox, but the id needs to be posted when the grid is submitted. Below is a code snippet for what I have at the moment.

The column binding for the grid of employees:

columns.Bound(c => c.Employee).EditorTemplateName("EmployeeId");

The editor template:

@(Html.Kendo().ComboBox()
          .Name("EmployeeId")
          .DataTextField("value")
          .DataValueField("key")
          .Filter("startswith")
          .DataSource(source => {
              source.Read(read =>
              {
                read.Action("GetEmployees", "Employee");
              })
              .ServerFiltering(false);
          })
    )

This loads the combobox values and the startswith filtering is working fine, but when I make a selection, the grid doesn't take the selected value. It works if I switch to a column bound to the EmployeeId, but then the column displays the id rather than the text.

What is the right way to handle this? I would think this is a really common scenario, so assume there is a straight forward way to deal with it.

Thanks, DanO

Grid

answered on 09 Jun 2016

1 answer

423 views

multiple checkboxes in a Column

I am working on Kendo UI Grid. I have requirement where role will added dynamically. So in a single column there should be multiple checkbox. Is there is any way to fix it.

Grid

answered on 08 Jun 2016

3 answers

580 views

Map a client-end data array to the List<Model> type

Hi!

After a while, I was able to have a working EditorTemplate for a List<MyObject> type. I'm calling the Template using UIHint over the collection property n the parent ViewModel. The grid on the EditorTemplate is however complete Widget-based now. It is working with the data array woth matching properties as of the actual ViewModel. How do I map the final rows of a kendo grid to the Model?

Grid

answered on 08 Jun 2016

3 answers

584 views

Bootstrap row in the tabstrip does not have the traditional 12

It appears that something with the tooltip is preventing the bootstrap row from sizing the 12 columns correctly and less then 12 seem to fit in a row by default.

You can see an email here: http://dojo.telerik.com/uCamu (you will need to expand the results side so the columns aren't stacked)

Thanks,
~L

TabStrip

answered on 07 Jun 2016

2 answers

659 views

Using @ViewBag in Title of MobileView

This isn't really specific to MobileView but I'm using a MobileView in a partial view that I'm using as a layout template and I want to make the Title dynamic by using ViewBag.Title as the string.

@(Html.Kendo().MobileView()

.Title(ViewBag.Title)

.Name("two-drawer-home")

.Header(obj => Html.Kendo().MobileNavBar().Content(navbar =>

@<text>

@(Html.Kendo().MobileButton().Name("btnLeftDrawer").Align(MobileButtonAlign.Left).Rel(MobileButtonRel.Drawer).Url("#left-drawer").ClickOn("down"))

@navbar.ViewTitle("Hello there")

@(Html.Kendo().MobileButton().Name("btnRightDrawer").Align(MobileButtonAlign.Right).Rel(MobileButtonRel.Drawer).Url("#right-drawer").ClickOn("down"))

</text>)

.HtmlAttributes(new { style = "height: 46px;" })

)

.Content(@<text>@RenderBody()</text>)

)

But this isn't valid. I've also tried @ViewBag.Title and various other incarnations. I'm wondering if this type of thing is possible in the Title of the MVC controls.

General Discussions

answered on 07 Jun 2016

0 answers

219 views

Breaking Change: Recurrence exception delimiter change

From the official 2016 Q2 Release (2016.2.504) the Scheduler will start using comma (previously semicolon) as delimiter for the recurrence exceptions. Also the Scheduler will no longer add trailing delimiter to the recurrence exception.

This change was required as the previous behavior does not conform to the RFC5545 spec:

http://tools.ietf.org/html/rfc5545#page-120

From the official 2016 Q2 Release (2016.2.504) the Scheduler will start using comma (previously semicolon) as delimiter for the recurrence exceptions. Also the Scheduler will no longer add trailing delimiter to the recurrence exception. This change driven by the RFC5545 spec (previous behavior was incorrect):

http://tools.ietf.org/html/rfc5545#page-120

The following changes are required to all events that have "recurrenceException" set:

Remove the trailing semicolon delimiter
Replace all occurrences of semicolon with comma

//Old recurrence exception:

recurrenceException:"20160603T050000Z;20160503T050000Z;"

//New recurrence exception:

recurrenceException:"20160603T050000Z,20160503T050000Z"

Apologies for the caused inconvenience.

Scheduler

asked on 07 Jun 2016

1 answer

2.0K+ views

MVC model does not update when data populated through jQuery

I'm using a kendo grid popup editor. I have a custom template (partial view) for edit. I have a drop down and on change event, I'm populating a TextBox. The problem is when I am sending the model to the controller, the TextBox value is null. It's not updating the model with the populated value. Any idea why?

@(Html.Kendo().DropDownListFor(w => w.AddressID)

.DataTextField("Name")

.DataValueField("AddressID")

.DataSource(source =>{ source.Read(read =>{ read.Action("GetAddressType", "DataSource")

.Data("filterAddressTypes");})

.ServerFiltering(true);})

.CascadeFrom("CodeIDAddressType")

.Events(e => e.Change("addressSubType"))

)

@Html.TextBoxFor(model => model.AddressLine1)

On an AJAX done function, I'm populating the value.
$("#AddressLine1").val(response.AddressLine1)

I can see the new value in the text box but when submitted, it sends null to the controller. If I enter the value in the AddressLine1 field instead of populating, it sends the entered value to the controller.

Grid

answered on 07 Jun 2016

2 answers

244 views

[Solved] Grid AJAX binding and paging

I have a form that is used to search for people's names and display them in an Telerik MVC Grid. Grid uses Ajax binding and paging. I have a problem with paging. My situation is that when a user searches for names and the search returns say 3 pages of results. The user flips a page and performs a search again narrowing it down to say 1 page of the results, the grid refreshes but stays on the flipped page which shows up empty because again there is only 1 page of results. Is there a way to reset the paging after each search? I handle the searching explicitly on client side by calling $("#gridElement").data("kendoGrid").dataSource.read();

Any help is appreciated.

Nik

Grid

answered on 06 Jun 2016