Questions on Kendo UI for jQuery Forum

3 answers

159 views

I need to put a Registered Sign SuperScript in Combo. I managed to put a Registered Sign, but not in a superscript. It worked in the template, but when the user selects it, the html tags are displayed to the user as text in the input element.

The following link contains things that I tried:

http://dojo.telerik.com/eWAWO/2

ComboBox

answered on 24 Apr 2017

4 answers

177 views

Multiselect not adding back to grid in order after using sorter

I am using a kendo grid and one of the columns uses a MultiSelectFor. I am also using a Sortable with the multiselect so users can change the ordering of the multiselect values but when I click out of the multiselect and it goes to write back to the grid it doesn't write back in the selected order but only the order in which I selected the values. I attached some images to show what I mean.

MultiSelect

answered on 24 Apr 2017

3 answers

1.5K+ views

Error Uploading Large Files

I can't get the Kendo upload control to work for files larger than 40 meg. I first noticed it on my application, it will upload about 40% of a 40 meg file then the percent would start over to 0 again and continue to about 40% and do the same thing over and over again. I thought maybe it was on my end until I went to the demo page at http://demos.kendoui.com/web/upload/async.html and noticed that it does exactly the same thing. I tried it in both Chrome and Firefox with the same result. Can someone help me with this? I really need this to work.

Upload

answered on 24 Apr 2017

1 answer

527 views

Menu datasource: how to access it and add custom properties?

Hi,

I'm using the Kendo UI Menu for Angular 1 to list projects users can access in a solution. Is it possible to use JSON objects received from a WebAPI directly as menuItems or will I have to remap these into simpler objects? In this demo you are using custom attributes, will I be able to access these in the select event (how?)?

Further more, is it possible to access the datasource from another function in my Angular controller? I am currently storing the project ID in localstorage and if I'm able to use JSON objects or custom attributes in MenuItems I'd like to access the datasource so I can retrieve properties/attributes from the MenuItems.

BR,

Henrik

Menu

answered on 24 Apr 2017

3 answers

422 views

"Read" function for MVC PivotGrid?

I have a number of regular MVC grids that make their requests to controllers with additional data, and they make use of the Data attribute to call a function which returns an object. For example:

@(Html.Kendo().Grid<Model>()

.Name("Grid")

.DataSource(dataSource => dataSource

.Ajax()

.ServerOperation(true)

.Read(read => read

.Action("ActionName", "ControllerName")

.Data("FunctionName")

)

...and this works fine, but for the PivotGrid I can't seem to find a matching equivalent. The configuration seems to be quite different in fact:

@(Html.Kendo().PivotGrid<Model>()

.Name("pivotGrid")

.DataSource(dataSource => dataSource

.Ajax()

.Transport(transport => transport

.Read("Action", "Controller")

)

.Events(ev => ev.RequestEnd("onRequestEnd").RequestStart("onRequestStart"))

I cannot seem to use the same configuration (Transport instead of Read), and I cannot find anywhere the "Data" action can be assigned. I can set this attribute to the relevant javascript function after page load using:

$("#pivotGrid").data('kendoPivotGrid').dataSource.transport.options.read.data = pivotSync;

...but I would like to be able to set this during the initial configuration of the pivot grid. Is this possible?

PivotGrid

answered on 24 Apr 2017

1 answer

229 views

KendoUI Grid Server Binding Example

I have successfully set up several KendoUI Grids, but I cannot get one using server-side paging to work. I modified my rest service so I will return a total value (hard coded right now).

Below please find the JSON that is put out and the javascript. Any help would be greatly appreciated.

$(document).ready(function(){

// Setup Rest Service

var loc = ( location.href );

var url = loc.substring( 0, loc.lastIndexOf( "/" ) ) + "/xpRest.xsp/test/";

dataSource = new kendo.data.DataSource({

pageSize: 20,

serverPaging: true,

serverFiltering: true,

serverSorting: true, transport : {

read : {

url : url + "READ",

dataType : "json"

},

type : "READ"

},

schema : {

total: "total",

model : {

id : "unid",

fields : {

unid : {

type : "string",

nullable : false

},

tckNbr : {

type : "string",

editable : false

},

tckSts : {

type : "string",

editable : false

}

});

grid = $("#grid-databound-dataItem").kendoGrid({

dataSource : dataSource,

height: 550,

filterable: true,

sortable: true,

pageable: true,

columns : [

{field : "tckNbr", title : "Number", type: "string"},

{field : "tckSts", title : "Status", type: "string"}

]

}).data("kendoGrid");

});

[

{

"total":100,

"data":

[

{

"tckNbr":"3031",

"tckSts":"1 Not Assigned",

"unid":"0014DA9095BF6D638625810700597A36",

"tckReqs":"Bryan S Schmiedeler",

"tckNts":

[

"Bryan DeBaun"

],

"tckBUs":

[

"NAP\/IFI"

],

"tckApps":"GTM",

"tckType":"Issue",

"tckPriority":"Medium"

},

{

"tckNbr":"3031",

"tckSts":"1 Not Assigned",

"unid":"00598976D88226D2862581070059AD25",

"tckReqs":"Bryan S Schmiedeler",

"tckNts":

[

"Bryan DeBaun"

],

"tckBUs":

[

"NAP\/IFI"

],

"tckApps":"GTM",

"tckType":"Issue",

"tckPriority":"Medium"

}

]

}

]

Grid

answered on 21 Apr 2017

5 answers

219 views

Grid Encapsulation

Hello,

I'm trying to create a grid that will be reused very often

<div>--other content--</div>

<kendo-grid [data]="gridData"></kendo-grid>

I tried to encapsulate this into my own <custom-grid> component

<custom-grid [gridData]="myData"></custom-grid>

I'm aware that in the jquery version i could use grid-options to give my encapsulated grid all the info i needed.

Was this removed in the angular version?

Thank you.

Grid

answered on 21 Apr 2017

2 answers

347 views

Kendo bar chart label

Hello Team,

I am using bar chart in my app, At some instances when I have large value my label is hiding within the chart.

I tried giving 100 % width to the parent div and 99% to the div on which I am building the chart but it doesn't always works because value can be of any length(e.g it works if i have 194, but doesn't work if I have 1987643).

I tried giving overflow:visible to <svg> and other parent div but no success.

Check the snapshot for the reference.

Charts

answered on 21 Apr 2017

10 answers

478 views

How to Reuse Editor for other columns with different name

I'm creating a custom Editor for TEXT AREA for my Kendo Grid. The grid will have in-line editing.

I was wondering if I could reuse the same editor for other columns as well ?

Code:

<%@ Control Language="C#" %> <textarea id="Description" name="Description" class="k-textbox"></textarea>

For example the above code can bind to column Description but what if I want to use it for another column such as Address ?

How to do it ?

Editor

answered on 21 Apr 2017

1 answer

142 views

Grid showing text on paging navigation

Hi all,

I recently updated to kendo UI 2017, and now I am having an issue with text showing behind the kendo grid paging navigation. I can do a css hack to hide the content and just show the glyphicons. But that is just a css hack.

Please take a look at the attach file and let me know what you think.

Thanks.

Grid

answered on 21 Apr 2017