Questions on Kendo UI for jQuery Forum

2 answers

95 views

Hi,

I've used to switch on debug version to understand how to use some widget because of poor documentation in the 2013 version.
In my reminder the js dependencies were handled with the kendo_module :
kendo_module({
    id: "combobox",
    name: "ComboBox",
    category: "web",
    description: "The ComboBox widget allows the selection from pre-defined values or entering a new value.",
    depends: [ "list" ],

But this seems to be removed with the 2014 version. So i've a lot of exceptions in the console and my application is broken.
What is the new way to debug kendo ui with the full commercial version ?

Thanks
- Ced -

General Discussions

answered on 06 Aug 2014

3 answers

993 views

Remove space around chart

Hi,

I am using the bar chart in a template for a grid column. It works well but I am having trouble removing some remaining space around the chart which looks like it is for the category and value axis labels. below is my configuration, if you run it up and look at the amount of space taken up by the element vs the render size of the bar you will see space on the left and bottom where the axis details would normally be. Is there any way to remove this?

<body>

<div id="chart" style="width: 200px"></div>

<script>

$("#chart").kendoChart({

chartArea: {

background: "",

height: 20,

margin: 0,

},

legend: { visible: false },

series: [{

type: "bar",

data: [80],

color: 'cornflowerblue',

tooltip: { visible: false },

highlight: { visible: false },

margin: 0,

gap: 0,

spacing: 0,

}],

panes: [

{ clip: false, margin: 0 }

],

categoryAxis: {

line: {

visible: false,

},

labels: {

visible: false,

},

majorGridLines: {

visible: false

},

valueAxis: {

line: {

visible: false,

},

labels: {

visible: false,

},

majorGridLines: {

visible: false

},

max: 100,

},

});

</script>

</body>

Thanks,
Rob.

Charts

answered on 06 Aug 2014

1 answer

204 views

Kendo Generated Barcodes not readable by scanners

Hi,

I have a web application that is generating bar codes using Kendo UI Barcode API, however, when we print it using any printer (deskjet printer or barcode printer (Zebra GK420t) the printer barcode are not readable by the scanners.

Inline to this, we have generated barcode using another tools and printed it and those barcodes are readable by the scanners.

I hope you can advise us on this.

Thanks,

Rei Banaag
Developer

Barcode

answered on 06 Aug 2014

1 answer

45 views

Line chart with category axes only

Hi,

We a producing a dashboard for a client and they are after a line chart which on the y-axis has a series of levels (i.e. Outstanding, Exceeding, Good) while on the x-axis has a number of years (2010 - 2014). Both are in essence 'categories' so I was wondering whether it was possible to generate a chart with these values or not, even if it means having 0 - 5 on the y-axis but then changing the label values?

Thanks

Charts

answered on 06 Aug 2014

2 answers

626 views

Angular get selected tab index on compile/load/select returns -1

So, I am upgrading to the latest kendo.all package (2014.2.716) and code that was previously working with angular-kendo.js is now failing. The setup we have is a main tab container with a set of tabs and each tab points to a templateUrl. When the templateUrl is loaded, I check the currently selected tab and get its index and pull out configuration information from the tab datasource.

The new code compiles the templateUrl prior to completing the tab.select() so if I try to pull out tab.select().index() it returns a -1. Clearly this method will not work. Is there a preferred way to get the currently selected tab configuration when that templateUrl is compiled. If I put in a timeout of 500ms, the select().index() returns as it did before, but I would prefer not to stick my page with timeout's.

Code prior was like this:

var tabStrip = $scope.$parent.vm.kendoTabStrip;
vm.tabDataSource = $scope.$parent.vm.kendoTabStrip.dataSource.at(tabStrip.select().index()); // now tabStrip.select().index() returns - 1
vm.template = vm.tabDataSource.template; // contains configuration, and no i don't want to retrieve it on this html page as it is dynamic

Let me know what my options are here, thanks.

TabStrip

answered on 06 Aug 2014

2 answers

181 views

Problem in getting checked Nodes of the Kendo treeview

I am using Kendo UI Tree View.
The tree view has the following nodes .
Country
- State
-Province
My Task is to get the province nodes of the checked Country node.Every thing works fine,When i checked the province nodes directly by expanding the country and state ,i'm getting the selected nodes.But the problem is that , if i want to get the province nodes only by checking the country node (without expanding the parent nodes). What should i do to over come this problem?
I am using the following code.
$("#divTreeview").kendoTreeView({
checkboxes: {
checkChildren: true
},
expanded: true,
dataSource: dsMenu,
dataTextField: "name",
dataValueField: "id"
});

Thank you

TreeView

answered on 06 Aug 2014

5 answers

293 views

Close prevention

Hi,

Is preventing the modal view from closing officially supported?

I've put a preventDefault() on the close event, but when you set the modal option to false and touch outside the window, the modal view closes but overlay stays there, blocking the app. However, closing the modal view programmatically works perfectly.

Please see this example for reproducing the case:
http://dojo.telerik.com/iBUr/2

Thanks in advance.

ModalView

answered on 06 Aug 2014

2 answers

53 views

Filter Row breaks IE8 support

Hi,

I'm using the new filter row. Unfortunately the filter row causes a javascript error on IE8.
I've been able to track the cause to filtercell.js, line 191:

input.attr(kendo.attr("bind"), "checked:value")
         .attr("name", inputName)
         .val("true");
         .attr("type", "radio");

The filter row tries to set type=radio on an input element. This is not supported on IE8 and will always cause a javascript error.

I hope it can be fixed in a patch update, the filter row is now effectively unusable on IE8.

Grid

answered on 06 Aug 2014

1 answer

302 views

Binding Complex Datasource to Kendogrid in Angular

Background: I have a Model that I bind to my partialview in C# MVC.

@model = List<Vimeo.Models.Album>

my Model is a c# List of Albums. Each Album is an object that contains a Title and another c# List<Vimeo.Models.Video> Videos.

public class Album

{

public string Title { get; set; }

public List<Video> Videos { get; set; }

public Album()

{

Videos = new List<Video>();

}

Each Video is an object as well.

public class Video

{

public string VideoId { get; set; }

public string VideoUrl { get; set; }

public string Album { get; set; }

public List<string> Tags { get; set; }

}

I convert my C# Model to a javascript object.

I then try to bind my model to a KendoGrid however it does not work. I have tried defining a Schema for the DataSource and tried using a HierarchicalDataSource as well. What am I doing wrong?

Entire View:

@model List<Vimeo.Models.Album>

<div ng-controller="GridController">

<kendo-grid options="mainGridOptions"></kendo-grid>

</div>

<script id="template" type="text/x-kendo-template">

<tr data-uid="#= uid #">

<td class="videoThumbnail"><iframe id="embed" src="#: VideoUrl #" width="WIDTH" height="HEIGHT" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></td>

<td>#: VideoId #</td>

<td>#: VideoUrl #</td>

<td>#: Album #</td>

</tr>

</script>

<script>

var model = @Html.Raw(@Json.Encode(Model));

var albums = {

album: {

"Title": "title",

"Videos": [{

"VideoId":"VideoId",

"VideoUrl": "VideoUrl",

"Album": "Album",

"Tags": [

"safety"

]}]

}};

var dataSource = new kendo.data.HierarchicalDataSource({

schema: albums,

data: model

});

angular.module("app", ["kendo.directives"])

.controller('GridController', function($scope) {

$scope.mainGridOptions = {

dataSource: dataSource,

columns: [

{

field: "VideoUrl",

title: "Video",

width: "200px"

},{

field: "VideoId",

title: "Video Id",

width: "120px"

},

{

field: "VideoUrl",

title: "Video Url",

width: "120px"

},

{

field: "Album",

title: "Album",

width: "120px"

}],

rowTemplate: kendo.template($("#template").html())

}

});

</script>

Grid

answered on 06 Aug 2014

2 answers

1.6K+ views

Hyperlink column to download or open a file in kendo grid MVC 5 VB.NET

Hi,

Blessed day...

I'm new to telerik here...
just would like to ask on how could I add a hyperlink column (first column) in kendo-grid and by clicking the hyperlink, it provide with the option to download or open file and the second column (2nd) where file size is listed in MB using MVC 5 ASP.NET VB.NET

Here's my initial code below. I would like to change the 'attachment' field as a hyperlink when the user click the hyperlink, the user has an option to download or open a file and the 2nd column is the file size in MB

Thank you in advance for your help.

My code:

@Code

Html.Kendo().Grid(Of FILEDOWNLOAD.ViewModel.DownloadViewModel.Index)() _

.Name("gridFileDownload") _

.Columns(Sub(c)

c.Bound(Function(p) p.ID).Width(30).HtmlAttributes(New With {.class = "gridBodyAttribute"})

c.Bound(Function(p) p.Attachment).Width(250)..Title("Attachment")

c.Bound(Function(p) p.FileSize).Width(100).Title("File Size")

End Sub) _

.Sortable() _

.Filterable() _

.Scrollable() _

.HtmlAttributes(New With {.style = "height:550px;width:100%;"}) _

.DataSource(Sub(d)

d.Ajax() _

.PageSize(Session(LocalConstant.Ses_GridPageSize)) _

.Model(Sub(model) model.Id(Function(p) p.ID)) _

.Read(Function(read) read.Action("Download_Read", "FILEDOWNLOAD"))

End Sub) _

.Pageable(Function(pageable) pageable _

.Refresh(True) _

.PageSizes(True) _

.ButtonCount(Session(LocalConstant.Ses_GridButtonCount))).Render()

End Code

Grid

answered on 06 Aug 2014