Questions on Kendo UI for jQuery Forum

2 answers

102 views

Hello,
we are having some questions regarding Charts series.errorBars parameter. Is it possible to assign different errorBar “height” (low&high) values for each series point separatelly?

For example, if you take a look at http://dojo.telerik.com/uGalA or http://dojo.telerik.com/uGalA/7 dojos, same errorBars.value for each point in series, although our understanding is that it should be unique for each point.

Are we missing something?

Thanks,
Dragan

Charts

answered on 23 Dec 2014

1 answer

272 views

Scroll inside column not working with virtual

Hi, we need to use max-heigh/scrolly for some data. But, we're also using virtual scrolling because we always need to keep the top headers, vertically and horizontally.

When scrolling:virtual=true is set, the "inner div" are not scrollable with mouse wheel, but only with the scrollbar click-drag.

Sample: You can enable-disable virtual with checkbox to see the difference.

http://jsfiddle.net/eazwgd47/1/

Grid

answered on 23 Dec 2014

3 answers

999 views

Grid row template, how do I make a command button appear?

My grid was working fine when I did not use rowTemplate: The columns and command buttons were right where I wanted them.

When I switched using a rowTemplate the command buttons no longer appear.
- What markup needs to be in the template?
- If there is command markup, do I still need the command: property: in my fields: setting ?

        $("#grid").kendoGrid({
           dataSource: dataSource1,
               rowTemplate: kendo.template($("#row-template").html().replace('k-alt', '')),
           altRowTemplate: kendo.template($("#row-template").html()),
           pageable: true,
           height: 512,
           toolbar: [
               {   name:"create", text:"New Folder", id:"add"}],
           columns: [
               {   field: "name", title: "Name" },
               {   field: "created", title: "Created", width: "12em" },
               {   command: [ {name:"edit",text:"Rename"}, "destroy"], title:" ", width:"17em"} ],
           editable: { mode:"popup" }
       });

...html...
    <script id="row-template" type="text/x-kendo-template">
   <tr class='k-alt'>
   <td>
       <a class='viewlink' href='<?sas= &openURL?>'><img alt='Open ${name}' src='<?sas= &iconURL?>' >${name}</a>
   </td>
   <td>${created}</td>
<td>WHAT GOES HERE TO GET COMMAND BUTTONS ?</td>
   </tr>
   </script>

Thanks

Grid

answered on 23 Dec 2014

1 answer

538 views

locked: true results in "cannot read property 'removeData' of null"

I have an already working datagrid that is pulling data from the server. The user requested that I lock the first column by default, so I added the bolded code:

$scope.mainGridOptions = {
dataSource: vm.data.workOrders,
sortable: true,
groupable: true,
reorderable: true,
resizable: true,
pageable: {
refresh: $scope.getWorkorders,
buttonCount: 5
},
selectable: true,
filterable: true,
columns: [{
field: "workorderId",
title: "Workorder",
width: "90px",
locked: true,
template: "<span style='white-space: nowrap; text-overflow: ellipsis;' title='#:workorderId#'>#:workorderId#</span>"
}
// Removed a bunch of columns here
]};

But when I run the application again, I get this error:

"Cannot read property 'removeData' of null"

As I was bouncing through the code, it seems to be in the process of destroying something (if I remember right, the datasource) when it failed, which is why I'm guessing the var is null.

Am I missing something simple - why would pre-locking a column cause the Kendo Grid to crash? Removing the property makes the problem go away.

(As you can see from the $scope, I'm using Angular)

Thanks for any pointers!

Grid

answered on 22 Dec 2014

5 answers

295 views

Kendo Grid and Circular References / BreezeJS Solution?

I'm rather bugged that binding a kendo grid to a datasource with circular references causes a stack overflow. I digged into the Kendo code and believe this is a viable solution so I would like to hear thoughts and possibly see it implemented so I don't have to keep track of our custom hack.

From kendo.all.js, line 5166:

var ObservableObject = Observable.extend({
init: function(value) {
var that = this,
member,
field,
parent = function() {
return that;
};

Observable.fn.init.call(this);

value._objectVisited = true;
for (field in value) {
member = value[field];
if (field.charAt(0) != "_" && (member && !member._objectVisited)) {
member = that.wrap(member, field, parent);
}

that[field] = member;
}

that.uid = kendo.guid();
},

The bold parts are what I added to prevent the recursive call to cause the circular reference / maximum range exceeded / stack overflow death. Maybe the member expression needs modified slightly but I'm not sure why you can't implement something similar to allow other third parties like Breeze to work flawlessly with the grid.

What am I missing here? And if this is not the solution, why is there no roadmap to fix this issue? This seems like something that should be handled on the Kendo end.

Grid

answered on 22 Dec 2014

1 answer

107 views

Redirect a link in leaf text to splitter pane

Building a treeview that is sort of an inside company knowledge base.

Some nodes and leaves contain hyperlinks, usually in the form of:

<a href=\"http://google.com\" target=\"_blank\" title=\"Hgfohoi rgeoehogre\">Google Link</a>"

The customer wants these links to open in the second pane of a splitter.
I can intercept these in my web service server side and alter the text, or I could handle it client-side. Either way, I want the behavior to be as shown in the splitter documentation so that it is altered to a JavaScript command:

splitter.ajaxRequest(".k-pane:last", "http://www.google.com");

Any links to this kind of intercept? I'm not sure if I can build this server-side so that it the text value would contain a javascript commandlet represented by alias text or just intercept the click link event client-side and rework it to open it in the other pane.

An example of the effect I want is here:
http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter#methods-ajaxRequest

Bob Graham

TreeView

answered on 22 Dec 2014

6 answers

135 views

I cannot select days range conducted two months.

Dear All;
We use the Scheduler widget. It works well till a time which we want to select days range which are consisted two months We cannot select a range bigger than 14 days, if mentioned is two months, we can only select till 14 days.
Please imagine, you selected last week for April and then you would have to select only first week of May. not more than this!

I asked this question before two times at Stackoverflow. however I have not taken any correct answer

Scheduler

answered on 22 Dec 2014

3 answers

959 views

Grid getOptions

Is there a way to not have this return the data in the grid?

When I execute grid.getOptions() it returns the data along with the configurations of the grid.

In the demo I did not see the grid data returned.

Grid

answered on 22 Dec 2014

1 answer

529 views

Combining multiple column filters with an OR operator

In the existing UI is it possible to combine filters from two columns with an OR operator. Imagine I have a column Units in Stock and a column price. If I wanted to put together a filter Units in Stock < 10 or Price > 100$ is it possible with the current UI?

Thanks a lot.

--e

Grid

answered on 22 Dec 2014

1 answer

325 views

datetimepicker with timezone

Hi,

I am using the 'datetimepicker' . It is displaying as what I am expecting format correctly , But with IST time zone.. I want to format it as GMT timezone

As per following code:
filterable:
{ui: function (element) {element.kendoDateTimePicker(
{
format: "MM/dd/yyyy HH:mm:ss"
}
);}}

Kindly share your suggestion on it

Thanks & Regards
Sriram Nagasundharam

General Discussions

answered on 22 Dec 2014