Questions on Kendo UI for jQuery Forum

4 answers

203 views

[Solved] 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

967 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

104 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

300 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

281 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

206 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

241 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

1 answer

195 views

Dropdown list not showing on android

While coding a hybrid mobile application using kendo ui mobile I faced a the following problem :the drop down list does not have a down arrow when run on android devices. in app.js I am forcing the IOS7 platform to get the same experience on both android and ios

app.application = new kendo.mobile.Application(document.body, {platform: "ios7"});

here is the simple code I used at the example and there are no added styles.



 

<div data-role="view" id="test-view">



<

h3>Drop down list </h3

>

<

select

>

<

option>Option 1</option

>

<

option>Option 2</option

>

<

option>Option 3</option

>

</

select

>

</div>

please check this image showing the different results on different platforms , works fine on ios and the simulator but not on
android

Demo

I wonder if there is a style rule that I can change to force the drop down arrow to show on the android device.

General Discussions

answered on 31 Mar 2014

1 answer

224 views

kendo ui mobile dropdown list down arrow does not show on android

While coding a hybrid mobile application using kendo ui mobile I faced a the following problem :the drop down list does not have a down arrow when run on android devices. in app.js I am forcing the IOS7 platform to get the same experience on both android and ios app.application = new kendo.mobile.Application(document.body, {platform: "ios7"});here is the simple code I used at the example and there are no added styles.<div data-role="view"
id="test-view">

<h3>Drop down list </h3>
<select>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>

</div>please check this image showing the different results on different platforms , works fine on ios and the simulator but not on androidhttp://postimg.org/image/8378mmy7f/I wonder if there is a style rule that I can change to force the drop down arrow to show on the android device.

General Discussions