Questions on Kendo UI for jQuery Forum

3 answers

2.1K+ views

[Solved] Kendo Grid - Column Headers/Titles Remove Ellipsis

Hello,

I have an issue with the Kendo Grid in Chrome, however it loads just find in IE and Firefox. You can see by the attached photos, but in Chrome, the column title fields have ellipses added to them, while the other browsers simply display the full text. The data being populated in the grid below the titles is exactly the same. I have not found any explicit way to disable the use of the ellipsis, and I cannot explicitly declare the width as the fields extend beyond the parent element on the page (and in this instance, we are okay with that).

Does anyone have any suggestions?

Thanks.

Grid

answered on 26 Nov 2014

1 answer

436 views

Computed observable

Hi,
is here something like computed observable in knockout.js?
I need display value based on some calculation. calculation is based on another observable value.
Thanks.
Leszek

MVVM

answered on 26 Nov 2014

1 answer

477 views

Proper way to defer binding

Hi all;

I have a mobile list view bound to a server filtered datasource. The filter, though, is going to be based on an attribute of the Users.currentUser() return. For example, the list is bound to a set of customer quality names filtered by the customer ID for the currently logged in user. I have it working by changing the filter on the data-show event of my view and doing a .read() on the data source, but that causes an extra round trip since the list is initially bound to an empty view.

What I'm taking a long time to ask is....can anybody share the "proper" way to dynamically change the filters for a data source based on the current state of something in the UI? I realize I haven't posted an example, but hopefully my description of what I'm trying to accomplish is relatively straightfoward.

Thanks,
Jason

Data Source

answered on 26 Nov 2014

1 answer

148 views

Gantt task remove

Hey,
the removeTask method pops up a window asking if im sure i want to delete the task,
this really makes it hard to remove a task by programming,
is there any other way that i didnt think of?
thanks,

Gantt

answered on 26 Nov 2014

3 answers

426 views

Hide column in detail grid?

Hi,

Does anyone one know how to hide a column in a detail grid?

Thanks,

George

Grid

answered on 26 Nov 2014

3 answers

97 views

Slow rendering of Charts in IE 8

Hello!

The code block I wrote under attached link renders 4 Kendo Charts, but it's rendering very slow in IE8 browser (you can check it via this link: http://goo.gl/uvFYqq )
Is there anything I can do to improve the render time in IE8 ?

Thanks in advance!

Charts

answered on 26 Nov 2014

1 answer

208 views

How to invoke datasource read of kendo dropdownlist within grid from its own cascade event

I am using kendo HTML v2013.1.226 and I have a dropdownlist inside the grid.I need to invoke datasource read method for that dropdown from the cascade event of the same dropdown.Is it possible using 'this' keyword.A sample code works well in Kendo Dojo test page but same code gives this error in my application on eclipse.In this example catogary field is the dropdown. "Uncaught TypeError: Cannot read property 'data' of undefined kendo.all.min.js:11" Any suggestion.I am using kendo HTML v2013.1.226 and I need to stick with this version and cant update to new version :(.Thanks in Advance

<!DOCTYPE html>

<html>

<head>

<base href="http://demos.telerik.com/kendo-ui/grid/editing-custom">

<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>

<title></title>

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.common.min.css" />

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.default.min.css" />

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.min.css" />

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.default.min.css" />

<script src="http://cdn.kendostatic.com/2014.3.1119/js/jquery.min.js"></script>

<script src="http://cdn.kendostatic.com/2014.3.1119/js/kendo.all.min.js"></script>

</head>

<body>

<script src="../content/shared/js/products.js"></script>

<div id="example">

<div id="grid"></div>

<script>

var url;

var url1="http://demos.telerik.com/kendo-ui/service/Northwind.svc/Categories";

$(document).ready(function () {

var dataSource = new kendo.data.DataSource({

pageSize: 5,

data: products,

autoSync: true,

schema: {

model: {

id: "ProductID",

fields: {

ProductID: { editable: false, nullable: true },

ProductName: { validation: { required: true } },

Category: { defaultValue: { CategoryID: 1, CategoryName: "Beverages"} },

UnitPrice: { type: "number", validation: { required: true, min: 1} }

}

});

$("#grid").kendoGrid({

dataSource: dataSource,

pageable: true,

height: 350,

toolbar: ["create"],

columns: [

{ field:"ProductName",title:"Product Name" },

{ field: "Category", title: "Category", width: "180px", editor: categoryDropDownEditor, template: "#=Category.CategoryName#" },

{ field: "UnitPrice", title:"Unit Price", format: "{0:c}", width: "130px" },

{ command: "destroy", title: " ", width: "150px" }],

editable: true

});

function onSelect(e) {

// console.log("DDD");

};

function categoryDropDownEditor(container, options) {

$('<input id="catId" required data-text-field="CategoryName" data-value-field="CategoryID" data-bind="value:' + options.field + '"/>')

.appendTo(container)

.kendoDropDownList({

autoBind: false,

cascade:function(e){

// onSelect(options.model)

var g=JSON.stringify(options.model);

var p1=options.model;

console.log("HIFF"+g);

alert("new server request Made with parameter1 = "+p1["QuantityPerUnit"]+" and parameter2 = "+p1["ProductName"]);

//the next line shows ERROR in my Application

$("#catId").data("kendoDropDownList").dataSource.read({eer:p1["QuantityPerUnit"],rrf:p1["ProductName"]});

},

dataSource: {

type: "odata",

transport: {

read: url1

}

});

}

</script>

</div>

Grid

answered on 26 Nov 2014

5 answers

762 views

Grouping on nested null values

Hello,

I've been using grids with my server data for a while now and I've encountered a few issues that I could resolve myself (For example, I had to create a template function for every columns since sometime my data may contain null values and the grid crashes otherwise).

In the same direction of my example, if I have a grouped column on one of those null values, the grid crashes and I can't find a way to inject my function that converts the null object to a empty string.

I isolated the issue down to this : http://dojo.telerik.com/aZIla
If you try to group by the Employee column, the errors occurs.

Thanks for any help!

Grid

answered on 26 Nov 2014

1 answer

390 views

Invalid dates on Kendo Editable grid

I am using an editable Kendo grid with a date picker.

Let's say the user manually enters an invalid date such as 12/2345/2014.

The Kendo code outputs a small message box below the grid row that says:

"<NameOfDateField> is not valid date"

If the user then navigates elsewhere or to a different screen, the grid reverts back to the last previous valid date.

So for example if the screen is opened and the date is 01/12/2014 and the user changes it to 12/111/2014, the error message will pop up and revert the date back to 01/12/2014.

Is there a way to suppress this message and allow the invalid date (12/111/2014) to be passed back to my controller (and not revert back to the last valid date), then I can handle it there?

Grid

answered on 26 Nov 2014

1 answer

89 views

bind 2 result into one cell

is it possible to bind a specific data (comming from json) into one cell (in grid)
using break line?

(the functionality of Detail template is not good because
the cell must always contain the 2 data
and not be allowed the user to collapse the second data)

Grid

answered on 26 Nov 2014