Questions on Kendo UI for jQuery Forum

0 answers

222 views

Hi there,

How do I commit changes made to rows in grid back to data source, which doesn't use any service. i.e. grid is just binded to an array. Calling saveChanges method does not result in propagating changes back to an object which representation was modified. Please, note that I'm using kendoGrid together with KnockoutJS, though it seems make no difference if binded to plain objects.

Thanks

Grid

asked on 31 Jul 2012

1 answer

197 views

[Solved] Grid Column menu + ThemeBuilder = No Icons

Hello, ThemeBulder does not have support for the grid column menu item. If you create a new style is nei icons are displayed in this element.

Edit: In addition, I have a question. Where did I download the current less template for Kendo?

Standard Silver style:



.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-callout, .k-progress, .k-progress-status, .k-column-menu .k-sprite {background-image: url("Silver/sprite.png");}<br>.k-icon, .k-column-menu .k-sprite {opacity: 0.8;}

ThemeBuilder:

.k-grouping-dropclue,.k-drop-hint,.k-callout,.k-progress,.k-progress-status{background-image:url('Silver/sprite.png'

);}

Grid

answered on 31 Jul 2012

0 answers

243 views

DataSource pb with POST raw data

Hi,

I want to use DataSource to connect to a REST API. But when I use DataSource to post raw data the body is changed just before the HTTP request, which fails due to bad request format. When I do the same with JQuery there is no problem. Here is a code snippet that illustrate that:

var postUrl = 'http://localhost:8080/catalog/devices';

var postBody = '{"model":"765-VVH-78"}';

var dataSource = new kendo.data.DataSource({

transport: {

create: {

url: postUrl,

type: 'POST',

contentType: "application/json",

data: postBody

}

});

var kendoPost = function() {

dataSource.transport.create();

}

var jqueryPost = function() {

$.ajax({

url: postUrl,

type: 'POST',

contentType: "application/json",

data: postBody

});

}

I attach a screenshot of Firebug showing the results. "jqueryPost" post my raw data unchanged but "kendoPost" convert it before sending the HTTP request.

So I dig the kendo source code with firebug and I find where this happens. It's in "setup" method of the RemoteTransport class, at the following line:

parameters = extend(true, {}, data, options.data);

At this point "data" contains the raw data which is a string and not an object. And when a string is given to "extend" it is seen as an object, i.e. an array of characters, which is then converted to an object. Example: the call "$.extend({}, 'str')" returns {0: 's', 1: 't', 2: 'r'}.

So to ensure my raw data is not convert before the POST, I have modified the "setup" method for RemoteTransport class in kendo.web.js:

if (typeof data == "string") {

parameters = data;

} else {

parameters = extend(true, {}, data, options.data);

}

This way DataSource POST works as I expect.

But am I missing something? Is there another way to do what I want? Or is this a missing feature?

Thanks!

General Discussions

asked on 31 Jul 2012

1 answer

122 views

Refreshing Tabs, displayed wrong

I'm working on our mobile app, and right now I have a list view of all of our products. When you click on each product, it takes you to a new view/html file with all the product information. Each product has 3/4 tabs. It works great when you go to the first product, but when you go to the second, it displays just a bulleted list instead of the tabs. If you hit refresh on the page it displays them correctly, but when you hit back, then on a new product, it does it again. I've attached images of the normal and incorrect views. Any suggestions? Or ways to automatically refresh the page when it loads to avoid this?

Application

answered on 31 Jul 2012

1 answer

256 views

ScrollView scrolling problem with new version

Hi,

I have updated my project with new version of kendo.mobile.ui files (v2012.2.710). Previous version I was using was v2012.1.515.
However, I have a problem with ScrollView scrolling and it was working in previous version.

I use .content() method to set ScrollView HTML content from JavaScript. Scrolling between pages (horizontal scrolling) is working, but if page content height is greater that screen size, vertical scrolling is not working. When I try to scroll down, scroller is shown on the right (with correct size) but content is not scrolled.

Please help. Demo project that reproduce issue is attached. I am using Google Crome as test browser.

Best regards,
Ivan

ScrollView (Mobile)

answered on 31 Jul 2012

1 answer

2.0K+ views

Row count on grid

I have a grid that is using a data source with server filtering and sorting turned on. And I am using virtual paging, how can I show a total row count in a footer similar to what it does for the non-virtual paging version? Just to get something like "10,230 rows" so when they filter it they know how many rows they filtered down to?

Grid

answered on 31 Jul 2012

1 answer

534 views

Web Grid Right Click Open in New Tab

Hi Guys, I want to implement navigation when a user clicks on a record in the grid. i.e. List of customers in grid, user clicks on one than it navigates to the customer details.

I can easily implement this with the selection hooks in kendoUI. My question is, is it possible to have it so I can implement hyperlink based navigation in the grid? So instead of single clicking on the customer to navigate straight to details in the page, the user can right click on a row and select "Open in new tab".

Any ideas?

Thanks

Grid

answered on 31 Jul 2012

3 answers

61 views

I am facing problem with Bubble chart

Hi,

I just copied the html code of bubble chart and trying to open the html page , I am not able to see the bubble chart but page tittle and Legend are displaying . I had given all the required Script and Styles for index.html of Bubble chart--> basic usage . Please Solve my problem.

Charts

answered on 31 Jul 2012

1 answer

142 views

Horizontal submenu

Is it possible to build a Kendo menu where the child menu is laid out horizontally? Basically I'd like it to operate similar to http://www.javascriptkit.com/script/script2/2leveltab.shtml

If it's not possible easily, I can try to approximate it via some custom CSS, but I thought I'd see if any Kendo users have done it already.
Thanks!

Menu

answered on 31 Jul 2012

0 answers

108 views

Using "visible content" dropdowns to filter grid

I have a grid that returns a large amount of records that I would like to create some drop downs that filter the contents of the grid, but the contents of the drop downs are based on what is visible in the grid. Kind of like the way Excel does a data filter.

Example:

Assume I have 5 columns, three of them are product, customer and vendor. When the grid is populated there are three dropdowns that list all of the visible products, customers and vendors respectively.

If you pick a customer, the vendor and product dropdowns should only show those relevant to the chosen customer.
If a vendor is then chosen, only those products that are within that vendor and customer are displayed in the dropdowns.

Does anyone have some suggestions/sample code as to how this can be accomplished?

DropDownList

asked on 31 Jul 2012