Questions on Kendo UI for jQuery Forum

2 answers

616 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

579 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

113 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

179 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

329 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

257 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

396 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

83 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

1 answer

582 views

Grid Batch Edit Disable Row

Is there a way to disable a row in batch edit mode if the row has a specific column value?

Grid

answered on 18 Jun 2012

2 answers

299 views

[Solved] OData filter with logical or operator

I have been unable to find in the documentation how to add multiple filters with logical or instead of and. Here is my code which results in a query like this:

filter=(SubscriptionId+eq+0+and+SubscriptionId+eq+472)

what I want is this:

filter=(SubscriptionId+eq+0+or+SubscriptionId+eq+472)

Is there any way to do this?

$("#ambulation2").kendoDropDownList({

dataTextField: "Ambulation",

dataValueField: "AmbulationId",

dataSource: {

type: "odata",

serverFiltering: true,

transport: {

read: "/yglservice.svc/RefAmbulations",

dataType: 'jsonp',

cache: true

},

filter: [{