Questions on Kendo UI for jQuery Forum

1 answer

116 views

Query Remote DataSource locally or Set Page after Receive Data from Remote Server

Hi all,

First of all I want to say thanks for this great tools to accelerate web development. I am new to Kendo UI, and just learning about the KendoUI Grid. I am using a remote data source with server paging, filtering, sorting. Most of all the things already working nicely (thanks to this great tools). But right now I am facing a problem which related to the paging.

The problem is actually very simple, I have data with several pages. If I navigate through the grid pager, for example currently right now I am navigating to page 3. The I apply a filter to the grid, which only have 1 page in total, the grid will display no data since the page displayed by the grid right now is 3. Is there any way/workaround to this problem? For example querying local data after retrieve from the remote data to set the page automatically to page 1 when the available page is less than current page navigated in the pager.

Thanks before for help. Thanks !!

Data Source

answered on 19 Jun 2012

3 answers

186 views

Two pagers in page.

Per my requirements i needed to pagers in the page. This is how i accomplished it. I think it can be simpler though?

1. create two pagers in the html
2. detach and move one on databound event.

http://jsfiddle.net/wolfpackt99/VAhLk/4/

I stumbled onto the two divs with same class as pager working. I guess that is if you have table first method. but how do i get the table in the middle?

Grid

answered on 19 Jun 2012

2 answers

599 views

DataSource has data but count() returns 0 and get() returns undefined

I fetch data from the server using like so (the fetch url has been predefined using jQuery.ajaxSetup()):

var dataSourceStatistics = new kendo.data.DataSource({

transport: {

read: {

data: {

f:'getCustomerStats',

fromDate:function () {

return kendo.toString(kendo.parseDate(calendarstart.value()), "yyyy-MM-dd")

},

toDate:function () {

return kendo.toString(kendo.parseDate(calendarend.value()), "yyyy-MM-dd")

},

custStats:null

}

},

schema: {

data: function(data) {

return data.result.custStats.Record;

},

model:{

id: "Employee",

fields: {

Employee: "Employee",

Value: "Value",

ValueUsed: "ValueUsed",

ValueLeft: "ValueLeft"

}

},

pageSize: 10

});

After I execute read() the DataSource contains data, and the objects look OK.
Example:

[{"Employee":"John Doe","ValueUsed":"50","ValueLeft":"0"}]

But executing the method total() returns 0 and get(index) always returns undefined.
What am I doing wrong?

Data Source

answered on 19 Jun 2012

1 answer

563 views

Grid Refresh Issue when data list is empty

Hi,

I'm trying to resolve the refreshing issue with grid while setting data using Datasource.data() method. Grid refreshes fine when data list contains atleast one record , if data list contains empty list Grid renders the cached data. in this case very first set of data list assigned to Datasource.

setData:

function (selector, datalist, emptyOptions) {

var grid = $(selector).data("kendoGrid");

if (!grid) return false;

var len = datalist.length || 0;

if (grid.dataSource) {

grid.dataSource._pristine = datalist;

grid.dataSource._total = datalist.length || 0;

grid.dataSource.data(datalist);

}

else {

grid.dataSource =

new kendo.data.DataSource({ data: datalist, total: len });

}

this.resize(selector, emptyOptions);

},

Grid

answered on 19 Jun 2012

2 answers

93 views

Error in very simple binding Grid to DataSource

Hello! What's wrong with following code?

<div id="grid"></div>

<script type="text/javascript">

$(function () {

var units = [{ UnitId: 2 }, { UnitId: 5}];

var ds = new kendo.data.DataSource({

// transport: {

// read: { url: 'http://localhost:6356/admin/GetUnitTogglesList' }

// },

data: units

});

ds.read(); // For test purpose:

alert(ds.data().length); // show 2 - it's Ok

$('#grid').kendoGrid({

dataSource: ds,

columns: [{ title: "Unit Id", field: "UnitId"}]

});

</script>

In result - Grid is empty.
And i see error in Firebug console (see attached image).

Grid

answered on 19 Jun 2012

5 answers

156 views

Modal window above normal window

When I call modal window above normal window I am still able to activate normal window.
How can we prevent that?

Window

answered on 19 Jun 2012

0 answers

323 views

Readonly attribute with knockout

Any idea why the wrapper for numerictextbox add attribute readonly when I use this widget with knockout binding?
My code is:
<input type="text" class="k-textbox" id="inpNip" placeholder="" name="Nip" data-bind="value: Nip, autovalidate: true" /> As a result I get:

<span class="k-numeric-wrap k-state-default k-state-hover">
<input class="k-formatted-value k-input valid" type="text" style="display: inline-block; " readonly="readonly">
<input type="text" class="k-input valid" id="inpNip" name="Nip" data-bind="kendoNumericTextBox: {value: Nip, }" data-role="numerictextbox" style="display: none; ">
<span class="k-select"><span unselectable="on" class="k-link">
In first input is attribute readonly because of which numerictextbox acts strange. The behavior is visible also on knockout-kendo.js page ( http://rniemeyer.github.com/knockout-kendo/web/NumericTextBox.html ).

So any idea why it is like this? How to get rid of it?

Thanks.
/KrisD

NumericTextBox

asked on 19 Jun 2012

1 answer

236 views

Server side protocol limitations of DataSource

There is a lot of confusion in our team. Does your DataSource bind to anything? Ie., WCF, WCF doing JSON, JSON-RPC. Given that we have seen only REST examples, there is a bias now for Kendo using *only* REST. My argument is that Kendo is all client side, so why would it be limited to only one or two service protocols.

Could you discuss and perhaps give links to various examples?

Thank you.

Data Source

answered on 19 Jun 2012

1 answer

381 views

Using kendoAutoComplete for password input

Hello All,

I am writing a registration form for my site and I want to use KendoUIAutocomplete on a password input to preserve the look of with the other fields.
Is there a way to specify that this is a 'password' input type, IE: Show ***** inplace of the text.
or is there another way to get the same look on a standard <input>

Thanks for any help.

-George

AutoComplete

answered on 18 Jun 2012

0 answers

79 views

Menu is showing on web page but after few seconds (2/3/4), Menu showed

Hi All,
I got started using Kendo UI framework. I like much and love it.
I have concern about Menu. I just wrote code for static Menu. I am explaining my scenario...
---------------------------
When web page loaded (rendered) then I am seeing List and then within few seconds Menu built and showed. This is kind of strange and not acceptable.
---------------------------
Can we fix this issues or this is the right behavior. Could you guys tell me about how to resolve this issue if we can fix it.
Thanks much in advance.
--Aarzoo

Menu

asked on 18 Jun 2012