Questions on Kendo UI for jQuery Forum

1 answer

276 views

Hide top toolbar

I'd like to hide the top toolbar that allows you to create, rotate, and undo but keep my shape toolbar. See attached for details.

Thanks,
Rich

Diagram

answered on 23 Dec 2014

1 answer

367 views

Creating Custom Column Filter in MVC without AJAX Request

I would like to create a custom column filter and specify the values in my view. All of the examples I have found make reference to a javascript function, which then calls backs to the controller. Rather than calling back to the controller, I would like to pass those values directly into the view. Perhaps there is a simple way of doing this, but I have not found it. Ideally, if I could just define in my view a dropdown box which would be used as the filter, that would be perfect, but that does not seem possible.

It seems that Kendo.Mvc.UI.Fluent.GridBoundColumnFilterableBuilder.UI(System.Func<System.Object,System.Object>) would be the best way to achieve this...

Do you have any examples of this in use? I don't understand how the javascript function specifies the id of the column filter to modify.

It seems I could pass in a JavaScript function (although ideally I would be able to do this in razor), which would create a kendo drop down box to use as a filter.

Thanks in advance!

Grid

answered on 23 Dec 2014

2 answers

104 views

[Solved] Question about Chart ErrorBars

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

281 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

1.0K+ 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

548 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

311 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

110 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

144 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

976 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