Questions on Kendo UI for jQuery Forum

1 answer

267 views

How to get current page index of listview pager using jQuery?

Hi All,

How to get current page index when I click on kendo pager button?
I have tried in following way to get page index. But it is not working.
$('.k-link').live('click', function (e) {
alert($(this).text());
});
How we can get page index? Immediate help would be appreciated.

Regards,
Partha.

ListView

answered on 28 Jan 2013

8 answers

282 views

Kendo Chart seriesClick Not Working Properly on IPAD

I created a Kendo Chart that uses xml remote data for the dataSource. I added a "seriesClick" event to the Kendo chart and I added an alert statement in the seriesClick callback function. When I load the Kendo chart on an IPAD, I click one of the bars (series) on the bar chart, but it usually takes 2 or 3 clicks before the alert statement appears. Also, when I click one of the bars on the chart, the whole chart is highlighted as well. I don't have any of these issues when I run it in a browser on my PC, it only happens when using the Safari browser on an IPAD.

Is this a limitation of the Kendo chart on an IPAD, or am I doing something wrong? Thanks.

Charts

answered on 28 Jan 2013

3 answers

202 views

Model is not updated when text is inserted by mouse "paste". Bug?

Hello,

When I use data-value-update="keyup" in input text element
model is not updated when I inserted text by mouse ("paste" operation).
Even when I click to "Save" button (focus is lost) model still has no value.

If I remove data-value-update="keyup" all starts working well.
This is very inconvenient because I need both these functions: "on key up" update and update on "paste" by mouse.

Can I use both these update events?

Vladimir

MVVM

answered on 28 Jan 2013

2 answers

230 views

Is it possible to get ID of data text field in controller?

Hi,

I'm using kendo autocomplete in MVC Razor as
@(Html.Kendo().AutoComplete()
                                    .Name("txtWorkAssignedTo")
                                              .Filter("startswith")
                                              .Placeholder("Select Employee...")
                                              .DataTextField("EmployeeFirstName")
                                              .BindTo(Model.Employees)
                                              )
where Model.Employees datasource class contains
EmployeeFirstName
EmployeeKey
EmployeeLastName and so.

I want to get EmployeeKey in formcollection if they chosen corresponding EmployeeName in autocomplete.
I used telerik in my last project and know that's possible. Here i cnat able to understand few things.
Expecting Team's Help...

Thanks,
PreethiBaskaran.

AutoComplete

answered on 28 Jan 2013

2 answers

279 views

Kendo UI Databinding vs Knockout

As a developer who's invested a considerable amount of time and work into Knockout I'm wondering how much of that knowledge can be leveraged using Kendo UI's Databinding. Could someone point the biggest differences, disadvantages (if any) or advantages?

MVVM

answered on 27 Jan 2013

8 answers

1.7K+ views

Data Grid Pagination

Hello geeks,

I have an issue concerning the pagination. I set the paging features for the grid but when I move to the next page there is no link to come back to the previous. Can you please assist me. This is the code I used:

$("#users-list").kendoGrid({
dataSource: {
transport: {
read: "<%=request.getContextPath() %>/UsersServlet?action=8"
},
schema: {
data: "data",
total: "total"
},
pageSize: 2
},
columns: [
{ title: "Full Name", field: "fullName" },
{ title: "User Name", field: "userName" },
{ title: "Status", field: "status" },
{ title: "Expiry Date", field: "expiryDate" },
{ title: "Creator", field: "createdBy"},
{ title: "Creation Date", field: "creationDate" }
],
scrollable: false,
pageable: true,
sortable: true,
filterable: true,

});
});

I have two records in the result

Data Source

answered on 27 Jan 2013

6 answers

408 views

How to use non-ascii characters in templates?

I need to use characters like "plus minus" or "lambda" symbols, and I would normally use ± and λ, but those key references simply display like that, and not encoded as the characters.

Does anyone know how I can get these types of characters into a template? I'll be populating the template from JSON data.

Thanks,

King Wilder

Templates

answered on 26 Jan 2013

1 answer

114 views

DropDownList in Editable Grid not showing in asp.net mvc partials

Hello,

There is a funny thing,
I'm using kendo ui open source and asp.net mvc 4,

while all my normal grids working well when I load my page with jquery .load() method,

- all of my editable grids can't get their dropdownlist opened,
- a simple dropdownlist copy/past from the samples doesn't even open,

I can see the first item, means that my collection have been loaded,
I got fiddler on, it calls well my odata service... with the data, which confirms that my data are fine,

I have tried to add references of scripts again in partials no results ( know was kind of dumb test because my grids workings fine )
Also have tried lot's of dumb thing, no effect,

I post here after some research on the web and no one seems having the problem, did I miss something somewhere ?

DropDownList

answered on 26 Jan 2013

3 answers

198 views

I cant get swipe / drag to work

I cant get swipe / drag to work. Development software:
- Windows 7 profesional
- Icenium Graphite Editor, project name: cross-plattform Device Application (Kendo UI Mobile)
- Cordova.js
- jQuery 1.8.2
- Kendo UI Mobile v2012.3.1114
- Icenium Graphite Simulator
- iPhone 4

I'am trying to follow this example to the letter.
http://demos.kendoui.com/mobile/touch/index.html
The example is working fine on your site but not when I run it in the simulator nor in an iPhone 4.

Here is something I have noticed
- In your example you dont close the div tag with data-role="view".
- In your example you are using kendo.all.js. I'am using kendo.mobile.min.js
- I cant use kendoConsole.log (not defined), so I use console.log instead.

Like your example, my debugger registers: touch start, tap, swipe right and swipe left - but not swipe down. Why not swipe down?

Unlike your example, my black div with white text (touchSurface) does not move up and down.

Basicly, overall, what I want to do is this
I want to have two areas. Area A should be about a quarter of the size of Area B. Area B should have a higher z-index than Area A, covering it. Area B should be dragable on the x-axis and when draged to the right Area A should be visible under it.

Can you point me in the right direction? Preferebly with code examples. Iam pretty new to this.

General Discussions

answered on 26 Jan 2013

1 answer

198 views

Mobile : Custom Validator & Validation message

Hello,

I am using Kendo UI mobile and have developed a custom validator. I have also developed a simple form with 2 input controls & push button. The validator that I have developed is applied declaratively to these 2 controls.

When I click on the button and inside the button click handler, when I call 'validate' on validator object. When data entered in both input controls is invalid. I see validation messages for both input boxes displayed INSIDE the first input box. So essentially 1 validation message is written on top of the other.

I have 2 questions :
1. The error message being displayed inside the TEXTBOX itself, is that by design for the mobile platform ?
2. Why do both error message get overwritten one above the other ? I have attached my validator code for reference.

I can share the complete code if needed. Please let me know.

Best Regards,
Nilesh Padbidri

Validation

answered on 25 Jan 2013