Questions on Kendo UI for jQuery Forum

1 answer

170 views

At first, Thanks for kendo. it is used conveniently. but there are some ways I can't understand or I think it's not elegant.

1. $("#temp").kendoValidator().data("kendoValidator").validate() doesn't validate rules which I specify.
I add my rules in Validation to validate password and confirm password. when element loses focus, fantastic!!!! It does work. I really happily continue coding.

if( !$("#temp").kendoValidator().data("kendoValidator").validate() ){

return false;

}

when I submit data with AJAX. Oh no.. break down because I write different password in password input and confirm Password input. I realize that validate() don't use rules. I don't know why? The only reason I can find is rules need know the real <input> widget.

2. form submit.
I don't find some solutions. So I return to use form submit which likes:

<form>

<input name="username" required /> <br />

<button id="save">Save</button>

</form>

<script>

// attach a validator to the container

$("form").kendoValidator({

validate: function(e) {

console.log("valid" + e.valid);

}

});

</script>

it works. when I submit, e.valid validates rules. but it refresh web. Oh no, I don't want the way refreshes my web because I want to make SPA with AJAX. So I add onsubmit="return false" in <form>. but I think it is not elegant. I don't like it. If kendo can integrate these. it will be brilliant and elegant.

Best regards.

Validation

answered on 20 May 2014

1 answer

269 views

[Solved] Initially selected tab (data-selected-index) not working

Hello,

I saw several related questions, but none of them have a working answer.

I have a tabstrip defined like this:

<div data-role="tabstrip" data-selected-index="1">
<a data-icon="home" href="/">Home</a>
<a data-icon="action" href="/ActionManager">Actions</a>
<a data-icon="search" href="/Search">Search</a>
</div>

I'm expecting "Actions" tab to be selected initially. But it is not. "Home" tab is always selected no matter what number I put into data-selected-index. Looks like this attribute is ignored.

Is selectedIndex working in tabStrip?
Is there any other way to select tab from HTML markup?

Thank you,
Alex

TabStrip (Mobile)

answered on 20 May 2014

1 answer

195 views

[Solved] How to start a series as disabled?

I have 4 series on my chart, but I only want two of them visible by default (when loaded); the other two, I want available for the end user. I like how you can click on the series in the legend and hide it/ show it, but I cannot figure out how to have a particular series hidden by default.

Charts

answered on 20 May 2014

3 answers

413 views

Line chart plotting all values but only label some xAxis values

Hi,

I need to plot 4 series with a total of 90
daily values.

Based on
what I have tried, I can have all the values with the label superposing in the xAxis or I can create a chart that skips points and then miss important values for the customer.

Is it possible to plot all the values but “skip” a configurable amount of labels?

I can also provide a list of the labels that I would like to be used…just don’t know how to inject the “serie for the xAxis”, even with some undefined or null points for the ones I don't want labeled.

Thanks,

Lester

Charts

answered on 20 May 2014

1 answer

108 views

How to filter the MultiSelect component data ignoring accentuation?

I'm working on a project written in brazilian portuguese, a language that has accentuation. I need to filter the data of a MultiSelect component ignoring the accentuation of its items. Can I override the filtering method somehow, or do you have an option to do this?

Thanks

MultiSelect

answered on 20 May 2014

14 answers

1.7K+ views

Grid Widths

We have a grid with variable width columns and the kendo grid seems to be lacking some functionality.

The grid sets all columns with unassigned widths at the same width.
If it could behave a bit more like an HTML table it would be much more useful.

I have several columns which are a static width which work fine.
However I have some wide and some narrow content columns of variable width.
I could fix the width of most of these but this would lose fluidity on larger screens and risk wasting space.
If I leave it to kendo then the short ones would have excess space and the longer ones either wrap excessively or lose content.

What would be great would be if columns narrower than the average available, shrunk to fit - freeing up additional width for the widest columns.
I know performance (which would likely be hit by doing this) is important to the kendo philosophy but so is functionality which would improve a lot.

As much as we all dislike them, html tables do this almost perfectly.

While intelligent column widths would be fantastic, another solution and very useful feature would be user resizable columns.
Easy drag-drop resizing would be an added feature and help out when the kendo widths are not appropriate.

Grid

answered on 20 May 2014

1 answer

104 views

Specifying values for column as well as a custom filter UI

Hi,

I've added a column to my grid that contains foreign key values, which I obviously don't want to show, so I've specified the values using the column.values configuration property. However, there are quite a lot of different options, so I want to change the column filter to have a combo-box rather than a drop down list, but the grid won't allow me to use values and specify a custom filter UI.

I've created a Kendo dojo example here.

Thanks.

Grid

answered on 20 May 2014

3 answers

133 views

Mobile Grid demo doesn't match colour of editable version

http://demos.telerik.com/kendo-ui/mobile/adaptive/grid.html

Click on 'edit this example', the '1' at the bottom is now orange and not blue as it is on the previous page

Also this doesn't have a Asp.Net MVC section, is this for any real reason?

I noticed this as I have the same problem. I have a website which will work on desktop/mobile. I am using a grid for both, the grid looks fine on the desktop but on mobile there are gaps between the cells and the bottom page color is orange

Grid

answered on 20 May 2014

1 answer

166 views

Strange problems with using MVVM bindings with templates

I'm trying to bind a pretty simple model to a template and keep getting an error "Cannot read property 'replace' of undefined". Please see the following fiddle:
http://jsfiddle.net/keithnolan/2EN3m/3/

I've tried to create an even simpler example in the below fiddle
http://jsfiddle.net/keithnolan/2EN3m/1/

This also doesn't work but doesn't give any error. If I remove everything except one single input then it works. I'm guessing I'm missing something pretty obvious in the above examples.

MVVM

answered on 20 May 2014

2 answers

1.1K+ views

Disabling grouping on one column in grid

I am initializing a kendo grid from a pre-populated html table and want to disable grouping on one column (as it is a free text column).

var grid = $(gridElementSelector).kendoGrid({<br> filterable: false,<br> sortable: true,<br> pageable: {<br> refresh: false,<br> pageSize: 10,<br> pageSizes: true,<br> buttonCount: 2,<br> input: false<br> },<br> groupable: true<br> }).data("kendoGrid");

I have tried the following after initialization and the column property "groupable" is set to false but the grid still allows me to drag the column header into the group area.

grid.columns[2].groupable = false;

Any ideas on how to make one column not groupable?

Grid

answered on 19 May 2014