Questions on UI for ASP.NET MVC Forum

1 answer

158 views

Bug with delete item, duplicate item and select value

Latest version comes with many bugs in this widget:
1. Error on delete item using remove icon:
Scenario : Select 1 item from list then typing name and select another item, now delete previous item with click on remove icon
2. Duplicate on delete item using backspace key
Scenario : Select 1 item from list then typing name and select another item, now perform delete item using backspace keyboard
3. Select values contains empty string for previous item
Scenario : Select 1 item from list then typing name and select another item, now select it using js in developer console see its value

you can see my test video on attachment..
Any workaround for this?

MultiSelect

answered on 26 Mar 2015

2 answers

202 views

MVC kendo Editable Grid In Line with No Update command Button

Hi,

I have a requirement of kendo editable Grid where Simply I click on each cell and it goes to editable mode and once I came out of text box it should commit the change. So its actual In Cell edit but no batch updates required. It will be In Cell editing and once you loos focus of the cell changes needs to be committed.
(Dont want to Use toolbar as its not batch update.)
Can you please provide some example ASAP?

Thanks,
Aarti

Grid

answered on 26 Mar 2015

3 answers

268 views

[Solved] updating grid with selected text from dropdownlist

Hello

I have a grid containing product registrations, fetched from a table(registration) in a DB. One of the columns in the registration table is for countryName, country is stored as a FK countryID (int) in the registration table. But in the grid i'm showing the corresponding countryname. I have a popup editor for rows in the grid with a dropdowlist for chosing country, this dropdownlist fetches data from the country table with id as datavaluefield and name as datatextfield.

The code for the country column in the grid:

columns.Bound(c => c.countryName).Width(120).Locked(true);

The code for the dropdownlist:

@(Html.Kendo().DropDownListFor(model => model.countryId)

.HtmlAttributes(new { style = "width: 183px", required = "required" })

.DataTextField("name")

.DataValueField("id")

.OptionLabel("Select country...")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("GetCountries", "Home");

});

})

)

As you can see the column in the grid is mapped to countryName and the dropdownlist is mapped to countryId. This means changes made in the dropdownlist doesn't get updated in the grid. How can I update the countryName cell in the grid with the selectedTextvalue from the dropdownlist?

/Jonas

Grid

answered on 26 Mar 2015

1 answer

153 views

Styling / forms source code missing

Hi Telerik,

I am currently working with the trial version of UI for ASP.NET MVC and noticed that at this link no source code can be found. Could you please update it or, at least, provide some code samples in this thread as I really prefer/expect to use Html Helpers for input fields with an icon either left or right rather than straightforward Html which is superfluous in my case, that is:

@(Html.Kendo().TextBoxFor(m => m.Property).Icon("some css class or whatever").Left())

I am looking forward to hearing from you soon. Thanks in advance!

Kind regards,
Mor

General Discussions

answered on 26 Mar 2015

1 answer

111 views

Own Cap Definition

Is there a way to define your own EndCap Definition. There are now three type 'none', 'FilledCircle' and 'ArrowEnd'. I'd like to have my own rectangular end.

Diagram

answered on 26 Mar 2015

0 answers

119 views

EndCap Type

Is there a way to set the EndCap to an own defined Type. I'd like to have it a rectangle of instance.

Diagram

asked on 26 Mar 2015

1 answer

1.3K+ views

DatePicker - Max and Min

Hi there,

I have a query over the out of the box approach used to control the max and min properties of a MVC DatePicker. I am using the Q3 2014 release and Kendo validation with MVC 5.

Without applying the .Max() or .Min() attributes, here is what we have being rendered out of the box:

$(function () {

$("#DOB").kendoDatePicker({

"format": "d",

"min": new Date(1900, 0, 1, 0, 0, 0, 0),

"max": new Date(2099, 11, 31, 0, 0, 0, 0)

});

This does correctly apply the range to the picker element - it is not possible to use this to input a date outside this range. However, the effect of this on the keyboard input is altogether different.

If I type in a date within the range, i.e. 01/01/2000, but then add an extra digit to the year, this will be automatically truncated. So 01/01/20000 becomes 01/01/2000.
However, if I type in a date which falls outside the min/max range, i.e. 01/01/1800 and then add an extra digit, nothing happens.

Surely this approach is very inconsistent? Why have the autocorrect functionality at all if it is only applied within the range?

I have read other responses to similar queries (Kendo DatePicker Max and Min values not limiting text entry). The suggestion there was to make the input control read only to achieve the desired behaviour (meaning that only the picker can be used). Surely this isn't really acceptable from an accessibility point of view?

I would also have expected the date control to be able to enforce the Max and Min values which are part of its own API - for both keyboard and the picker? There is obviously some script running which recognises it is within or without the range - or else why do we observe the behaviour above?

Thanks,

Paul

DatePicker

answered on 25 Mar 2015

2 answers

276 views

[Solved] Failing inline updates, remove the update/cancel buttons

Hi,

MVC5, Inline editing:
When doing inline editing, the edit button is temporary replaced by two UPDATE/CANCEL buttons.
This is normal behavior.
If the update handling fails, then the update/cancel buttons is swapped back to the edit button, but the item itself, is still in edit mode.

I have attached the grid to the following events to be able to show messages to the user:

.Events(events => events.Sync("onSync"))

.Events(events => events.Error("onDataSourceError"))

I want the update/cancel buttons to be the visible one since it has failed and the user should still be able to correct the error and update again.
Thanks.

Grid

answered on 25 Mar 2015

6 answers

218 views

Strange behavior with list of values in Internet Explorer

Hi,

This post is about a new incidence with Internet Explorer 11 and dropdownlist. The first time I click over dropdownlist the list of values are loading, but the list is closed. I should click again to get the list without close the list.

Editor Template

@model object

@(Html.Kendo().DropDownList()

.HtmlAttributes(new { style = "width: 450px;" })

.Name("ContactID")

.DataTextField("Text")

.DataValueField("Value")

.Filter(FilterType.Contains)

.OptionLabel("-please select-")

.ValuePrimitive(true)

.AutoBind(false)

.DataSource(source =>

{

source.Read(read =>

{

read.Action("MultiSearchProductors", "Productors", new { area = "Comercial" }).Data("filterSearchProductor");

})

.ServerFiltering(true);

})

)

Method from editor template

public async Task<JsonResult> MultiSearchProductors(string text)

{

var user = await UserManager.FindByIdAsync(User.Identity.GetUserId());

var productors = ens.Contacts.OfType<Productor>().Where(p => user.AuthorizedCenters.Contains(p.CentreID.ToString()) && p.Baixa ==

null).Select(p => new

{

Value = p.ContactID,

Text = p.Nom + " " + p.Addresses.FirstOrDefault(a => a.TypeID == (short)addressType.General).Poblacio.Denominacio + " - " + p.ContactID

});

if (!String.IsNullOrWhiteSpace(text))

{

productors = productors.Where(p => p.Text.Contains(text));

}

return Json(productors, JsonRequestBehavior.AllowGet);

}

function filterSearchProductor() {

return {

text: $("#ContactID").data("kendoDropDownList").filterInput.val()

//allCenters: true

};

}

Grid with column ContactID and mode Popup

@(Html.Kendo().Grid<PartnerViewModel>()

.Name("partner_"+contactID)

.ToolBar(t =>

{

if (User.IsInRole("Modify"))

{

t.Create().Text("Nou Partner");

}

})

.Columns(columns =>

{

columns.Bound(f => f.ContactID).Title("Codi").Width(60);

View Model

public class PartnerViewModel

{

[DisplayName("Productor")]

[UIHint("ProductorMultiSearch")]

public int ContactID { get; set; }

Can you say anything about this behavior?

Thanks.

Xavier.

DropDownList

answered on 25 Mar 2015

1 answer

178 views

Unknown Method DataSource

Hi All,

I admit that I am new to all of this. I have a Grid in an cshtml file. I am trying to pattern off the Northwind example. I have the following code within a <div> section:

@(Html.Kendo().Grid<CompanyViewModel>
()
.Name("companies")
.HtmlAttributes(new { style="height: 100%; border: 0;"})
.Scrollable()
.Columns(columns =>
{
columns.Template(t => { })
.ClientTemplate("#=CompanyId#")
.Title("Company ID")
.Width(120);
}
)
.Editable(e => e.Mode(GridEditMode.PopUp))
.Pageable(pageable => pageable.Refresh(true))
.Sortable()
.Selectable()
.Navigatable()
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Model(m =>
{
m.Id(f => f.CompanyId);
m.Field(f => f.CompanyId).Editable(false);
}
)
)
)

The trouble I am having is that I have red lines in the editing on everything from the first dataSource all the way to the end. When I hover over the start of the error I get the pop up description: C#: Unknown method 'DataSource(?)' of 'Kendo.Mvc.UI.Fluent.....

Attached is a screen shot.

I'm lost... any/all help would be great because I'm stuck

Thanks,
Steve

Grid

answered on 24 Mar 2015