Questions on Kendo UI for jQuery Forum

1 answer

107 views

Unbind KendoDraggable from a grid

Hi,

Not been able to Unbind KendoDraggable from KendoGrid. Is there any way of doing?

Thanks

Drag and Drop

answered on 19 Jun 2012

1 answer

149 views

ThemeBuilder generated CSS and cdn

I just used the ThemeBuilder for the first time and I'm noticing that within the generated CSS, there are references to your cdn. Is there a way to prevent the usage of the cdn references? Our product is a global enterprise product that may be used by customers that have very tight firewalls and will not have access to the cdn urls.

Any information you can provide will be greatly appreciated.

Thanks!

General Discussions

answered on 19 Jun 2012

3 answers

160 views

Grid example

Hello support,

I downloaded a ASP.NET MVC examples package to try out the grid, especially the filter functionality. In the "Grid basic usage" example, some filters do not work, e.g. the "contains"-filter. Is this by design, as it is an example/trial version? Are all filter options that are displayed available in the (commercial use) package?

Thanks for your reply,

Joachim

Grid

answered on 19 Jun 2012

1 answer

111 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

163 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

579 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

533 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

83 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

146 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

307 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