Questions on Kendo UI for jQuery Forum

1 answer

118 views

I am admittedly new to MVC and this may be something very simple that I am missing, but I am at a complete loss as to what else to do other than post here. I have a model with a basic property called height:

public class BasicInformation

{

[Display(Description = "Patient's height", Name = "Height (Inches):")]

[Required(AllowEmptyStrings = false, ErrorMessage = "Height requires a value to be entered.")]

[Range(12, 96)]

public double Height { get; set; }

}

I am creating a new basic information and passing to the view when I call the view:

BasicInformation bi = new BasicInformation();

return View("Step2", bi);

Now in my view I am binding to this model using:

@(Html.Kendo().NumericTextBoxFor<double>(model => model.Height).Name("txtHeight").Decimals(0).Format("##")

)

My problem is that when I pass the model object to my next method, the value for height has not been updated. The min & max seems to be working based on the range attribute from the model so it seems as though that part is connected properly. Also if I use the basic html controls (see below) then it works fine.

@Html.EditorFor(model => model.Height)

I have tried to use several different Telerik controls and I am having the same problem with all the controls. Please explain what I am doing wrong or have not set on the Telerik control to have the control save the value on the model.

Thanks in advance,
Lee

General Discussions

answered on 01 Apr 2014

5 answers

1.3K+ views

Select across "pages" in virtual scrolling grid

I have a grid set up with virtual scrolling. I want to be able to use "multiple row" selection but it doesn't seem to be behaving as expected. Currently selecting a row on one "page", scroll to another page, and shift-clicking another row results in some fairly random selections.

I basically need to be able to click one row, scroll down a few "pages" and then shift-click another row and have everything in between selected.

I have a feeling this is not supported but I just want to double check.

Grid

answered on 01 Apr 2014

2 answers

171 views

Notifications are hiding each other

Hi,

I'm experiencing a problem with notifications hiding each other, new notifications are stacked above the previous ones.

I have build the following plunker to reproduce the problem: http://plnkr.co/edit/o7g33wo4kwA8dJ0YXK8L?p=preview

Thanks
Holger

Notification

answered on 01 Apr 2014

4 answers

170 views

ListView Filter

Is there any way to get the count of number of items matching the filter criteria in a ListView?

ListView (Mobile)

answered on 01 Apr 2014

1 answer

904 views

Scrollable textarea

Hey there, I have a problem with the textareas, when the user writes some lines the vertical scoll doesn't shows up, according to the demos, you should set up the textarea like this:

<textarea style="resize: none">Multiline Text</textarea>

In the browsers works fine, but when I cope the code to my app (even in the Friends demo app from Telerik), it doesn't work.

Any ideas?

General Discussions

answered on 01 Apr 2014

2 answers

81 views

ID valus pass from ajax but not receive in Action method Why?

I am Using kendo UI Treeview, there is ajax call of post
method , in browser i see there is id=xx value pass but when i check by
debug point in actionmethod i can't get value there is null why?

i have put code am i doing something wrong?

//View page code

@(Html.Kendo().TreeView()
.Name("treeview1")
.DragAndDrop(true)
.DataTextField("Name")
.DataSource(dataSource => dataSource
.Read(read => read
.Action("Categor", "CategorySet")
))

Controller Code

public ActionResult Categor(int? ID)
{
return Json(categories, JsonRequestBehavior.AllowGet);
}

Browser Code means ajax call

GET http://www.xyz.com/Admin/CategorySet/Categor?id=2 200 OK 96ms

See in url there is ?id=2 But in Action method i can't get this 2. Why.
?
How to solve this?

Thank you in advance
Vinit

Data Source

answered on 01 Apr 2014

2 answers

272 views

UI Style Missing Corner Graphic in v2014.1.318

I have TabStrips in my web application that are now "missing" the top-left and bottom-left corners in the bootstrap theme. The top-right and bottom-right corners are still present. This is an ASP.NET MVC 5 site (started with their Template which is built with the Bootstrap files). I did not have this problem from the 2013.3 version.

I have attached the two sprite files used as well just in case something isn't positioned correctly.

Here are the files in use:

kendo.common.min.css (v2014.1.318)
kendo.common-bootstrap.min.css (v2014.1.318)
kendo.bootstrap.min.css (v2014.1.318)
bootstrap-theme.min.css
bootstrap.min.css

Bootstrap/ (folder)
editor.png
imagebrowswer.png
indeterminate.gif
loading-image.gif
loading.gif
loading_2x.gif
markers.png
markers_2x.png
slider-h.gif
slider-v.gif
sprite.png
sprite_2x.png

TabStrip

answered on 31 Mar 2014

1 answer

229 views

Validation doesn't take into account lower case characters

Hi Telerik Team,

I've a time picker and when I put lower case characters in, validation is false, like instead of PM if I put pM, I get the following message as in the picture.

Also the validation message is not coming from Data Annotation.

Please let me know.

Thank you

DatePicker

answered on 31 Mar 2014

1 answer

175 views

Invariant decimal not parsed correctly

Hi,

I have the following NumericTextBox configured with the options:

$("#weight").kendoNumericTextBox({
culture: "nl-NL",
format: "n1"
});

When I set the weight to 80.8 (invariant) like this: $("#weight").data("kendoNumericTextBox").value("80.8"); , the NumericTextBox outputs 808,00, instead of 80,8.

Any ideas?

Kind Regards,

Marco

NumericTextBox

answered on 31 Mar 2014

1 answer

214 views

Kendo Grid Save Event datasource problem

OK, this is what I need:

I need to do some complex calculations every time when user edits any cell of two of the specific Columns. Let's Say User can edit Columns A and B, but C is read only and calculated by my custom function.. C is also designed like this
template: kendo.template("<span class='columnC'></span>")
OK, I need to loop through all of the A and B columns every time when any of those cells is edited..
My problem is that if I do it on "save" event, when I loop through the dataSource.view() elements I got the old value for the cell which user just edited.. I assume that this is because the dataSource is not synced yet with the user input.. This makes my calculation wrong and it's not acceptable.

If I do it on "change" event it works fine but then it's called too many times unnecessarily and it does stress the client's cpu.

Is there a way under the "save" event to force the dataSource update and then do some things when the new values are stored into dataSource?
I'd like to avoid something like this:
"this.dataSource.getByUid(e.model.uid).set("ColumnA",e.model.ColumnA);"
"this.dataSource.getByUid(e.model.uid).set("ColumnB",e.model.ColumnB);"

as I don't know what is the cell which the user has changed.. ColumnA or ColumnB.. Maybe there is a simple way around this..

Help pls

Grid

answered on 31 Mar 2014