Questions on Kendo UI for jQuery Forum

1 answer

289 views

Question about append data on existing table.

Hi, i'm currently using a ajax call to append the TH and TD rows on a table template and then using the table ID i use the kendo grid to stylize it.

my template is the following :
<table cellpadding="0" cellspacing="0" border="0" class="display" id="data-table{id}" width="100%" role="grid" data-role="grid">
<thead>
<tr id="append_head{id2}">

</tr>
</thead>
<tbody id="append_data{id3}">

</tbody>
</table>

if i hard code data into the head TR and in the tbody and then append the table on the HTML and then use the :
$("# data-table" + id).kendoGrid({
});
it works flawlessly .

But if i attach the TH and the TD rows using ajax and then then append the table on the HTML and then use the :
$("# data-table" + id).kendoGrid({
});

then the fuctionally of the table is broken and also is not displaying correctly.

Can you please tell me if im doing something wrong? or missing something?

thanks

Grid

answered on 28 Jan 2013

1 answer

275 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

287 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

206 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

232 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

284 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

428 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

118 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

200 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