Questions on Kendo UI for jQuery Forum

5 answers

217 views

[Solved] Add series dynamically to the navigator

Hi,

How do I access the properties of the stock chart's navigator? I can access the chart's options like so:

var chart = $("#stock-chart").data("kendoStockChart");
var chartOptions = chart.options;

but I am not having any luck with the navigator. I would like to add series and access other properties programmatically.

Thanks,
Tonih

Charts

answered on 18 May 2013

1 answer

2.5K+ views

Validation error messages in grid

I'm evaluating the Kendo UI grid for possible use in a rails applications. Is there any way to customize the validation error messages for a column?

The validation seems to be working, but I still get the standard error messages:

schema: {
model: {
id: "id",
fields: {
name: { editable: true, validation: {required: true, message: "Brand name is required."}},
brand_code: {
editable: true,
validation: {pattern: "^[A-Z]{4}$", message: "Brand Code must be 4 upper case characters."}
},
brand_type: {editable: true, validation: { required: true }}
}
},
errors: "error"
}

Grid

answered on 18 May 2013

1 answer

383 views

Grid Column Template Checkbox only allow check on edit inline?

I have a Kendo Grid with Inline Editing and the following for example:

.Editable(editable => editable.Mode(GridEditMode.InLine))

columns.Template(@<text></text>).ClientTemplate("<input type='checkbox' #= ActionAssign ? checked='checked':'' # class='chkbx5' />").Title("Assign").Width(100);

How can I only show the template checkbox only when in edit mode but when now like True/False etc. as a label or something. If that is too difficult then just disabling the checkbox. I am having a hard time finding some basic functionality type examples online.

Thanks
Sean

Grid

answered on 18 May 2013

1 answer

57 views

print options for Pop up windown

Grid

answered on 18 May 2013

1 answer

265 views

linear-interpolation support

Do kendo charts have linear-interpolation or anything similar? Any examples if present?

Charts

answered on 18 May 2013

1 answer

172 views

Click event for a single tab

I have a mobile tabstrip which has 5 tabs. All the tabs except one will show a different view. The last tab (more), I would like to show a custom slide up menu. To get this to work, I tied to bind a data-click event to that one tab, which does not work. I tried binding the even in my scripts, that did not work. I tried the data-select event, but that even only fires once for the same tab, so I can't use that event since I can't hit the same tab again to hide my menu. I am also using MVVM. Is there anyway to bind an event to a single tab.

Thanks,
Joe

TabStrip (Mobile)

answered on 18 May 2013

3 answers

115 views

Defining of editable columns from Grid

Hi there,

I have an unusual use case where we have two tables (Table A and Table B) sharing a single datasource. Both tables has different number of columns which can be editable, e.g. Table A has columns 1-5 editable, while Table B only has column 2 being editable.

Form my understanding, whether a column is editable or not is controlled via the datasource's model. Is there any undocumented configurations where we could define the editable columns when we are defining the Grid? If not, will you be considering it for future updates?

Currently, my workaround is to define a custom editor for these columns, where my editor essentially blocks editing.

Thank you!

Grid

answered on 17 May 2013

1 answer

452 views

"All" Option in "Items Per Page"?

Is there a way to specify an "All" option in the "Items Per Page" drop down feature? Simply setting the last option to a number above the total record set is not what the client wants. They would like to see an "All" option.

Thanks..

Grid

answered on 17 May 2013

1 answer

137 views

"Select All" checkbox inside the Kendo Grid - Not working

"Select All" checkbox inside the Kendo Grid is not working properly , when the options “Selectable” and “Scrollable” are enabled .please suggest any solution to this issue

Grid

answered on 17 May 2013

6 answers

229 views

[Solved] Issues with Grid Multiselect Editor Function using knockout bindings

So I've got a model passed in like so:

public class MainViewModel{

public IList<SubViewModel> SubViewModels;

}

public class SubViewModel{

public Guid Id;

public string Name;

public IList<Guid> CategoryIds;

public IList<CategoryType> CategoryTypes;

}

public class CategoryType {

public Guid Id;

public string Type;

}

Now in my javascript I take my model and convert:

var initialData = @Html.Raw(JsonConvert.SerializeObject(Model, new JavaScriptDateTimeConverter()));

var mainViewModel = new MainViewModel(initialData);

function MainViewModel(data) {

var mapping = {

'SubViewModels':

create: function(options) {

return new SubViewModel(options.data);

}

ko.mapping.fromJS(data, mapping , this);

}

function

SubViewModel(

var self = this;

ko.mapping.fromJS(data, mapping , self);

self.CategoryMultiSelect: function (container, options) {

$('<input data-bind="value:' + options.field + '"/>')

.appendTo(container)

.kendoMultiSelect({

autoBind: false,

dataTextField: "Type",

dataValueField: "Id",

dataSource: options.model.CategoryTypes

});

}

}




ko.applyBindings(mainViewModel, $("#MainViewModel")[0]);

Now when I call the editor function in the grid:

<div id="subviewModelGrid" data-bind="kendoGrid: {

data: $data.SubViewModels,

sortable: true,

scrollable: false,

           editable: true,

pageable: { pageSize: 10, input: false },

columns: [{

field: 'CategoryIds',

title: 'Categories',

width: '300px',

editor: $data.CategoryMultiSelect

}]}"/>

After click on the column I get the following error:

Uncaught TypeError: Object f7ae02dc-c8a7-f112-e043-991018ace7d8 has no method 'get' kendo.web.min.js:12

S.widget.value.m.extend.refresh kendo.web.min.js:12

F.extend.bind kendo.web.min.js:11

v.extend.applyBinding kendo.web.min.js:12

v.extend.bind kendo.web.min.js:12

o kendo.web.min.js:11

s kendo.web.min.js:11

d.extend.refresh kendo.web.min.js:22

d.extend.init kendo.web.min.js:22

(anonymous function) kendo.web.min.js:9

p.extend.each jquery-1.8.2.min.js:2

p.fn.p.each jquery-1.8.2.min.js:2

e.fn.(anonymous function) kendo.web.min.js:9

T.extend.editCell kendo.web.min.js:17

r.incell.r.update.n.wrapper.on.on.n.timer kendo.web.min.js:17

p.event.dispatch jquery-1.8.2.min.js:2

g.handle.h

Which is referring to the only id in the array of 'CategoryIds'. I'm putting this question in Multiselect because I am using editor functions for several other columns and not having this issue. Any thoughts?

MultiSelect

answered on 17 May 2013