Questions on Kendo UI for jQuery Forum

5 answers

268 views

I am running into an issue where the Excel Export from my grid seems to be randomly missing rows. As an example, I can see in Firebug that my REST service is returning 1,735 rows of data. But when I export to Excel, the exported file and the excelExport event only shows 1,728 rows. And that includes the Excel headings, so I should be seeing 1,736. Other examples may be off by 1 or 2 rows. And some are working exactly right. Any thoughts on how to resolve this are appreciated.

I am using serverPaging and Kendo UI 2016.1.125.

excelExport Event

excelExport : function(e) {

// debug

var sheet = e.workbook.sheets[0];

alert(sheet.rows.length);

}

dataSource

var ds = new kendo.data.DataSource({

type: "json",

pageSize:100,

transport: {

read: "../myurl"

},

serverPaging: true,

schema: {

model: {

id: "rn",

fields: {

rn: { type: "number"},

invno: { type: "string", editable: false},

....

} // end fields

}, // end model

data: "invoices",

total: "total" //have to have this with serverPaging set to true

},

error: function (e) {

console.log("error ---> Status: " + e.status);

}

});// end datasource

Data Returned from REST Service

{

"total": 1735,

"invoices":

[

{

"rn": 1,

"invno": "12345",

...

},

....

{

"rn": 1735,

"invno": "67890",

...

}

]

}

Grid

answered on 03 Mar 2021

4 answers

252 views

How to set multiple date in the calendar with mvvm?

How to set multiple date in the calendar with mvvm.

I have my calendar :

<div id="calendar1" data-role="calendar"

data-bind="value: Cvalue,

dates: Csource,

events:{change: ConChange}">

</div>

JS, view model:

Cvalue:null,

Csource:[],

Conchange:function(){

}

Csource contains:

[

{"nome":"1"},{"data":"21/112017"},

{"nome":"2"},{"data":"22/112017"},

{"nome":"3"},{"data":"26/112017"},

{"nome":"4"},{"data":"28/112017"},

{"nome":"5"},{"data":"29/112017"}

]

Cain i see this dates with different color in the calendar?

and at onChange of day, i'd like to print the name of date;

Calendar

answered on 03 Mar 2021

1 answer

101 views

How to achieve this using kendo timepicker which we use in C# mvc. If the user types a '3' the data goes to goes to '3:00 AM' (first item in the list)

I want to achieve the above mentioned scenario. Where if user types 3 on the input field of Kendo timepicker it must show the list of time starts with 3. For example(from 3:00,3:59 AM/PM)

Date/Time Pickers

answered on 03 Mar 2021

4 answers

294 views

Treelist: Both the loading and collapse icons appear at the same time

When I expand a parent, the loading and collapse icons appear simultaneously and the UI looks awkward. The collapse icon spins when the loading of children happens. How can I prevent this? I would like the k-i-collapse icon to appear only after the loading finishes.

TreeList

answered on 02 Mar 2021

3 answers

288 views

Including the Expression Preview in parameters via read transport jQuery

What I assumed would be fairly straightforward has vexed me for several days now -

I'm trying to pass the Expression Preview string along with some additional custom security vars when the filter is loaded and obviously when re-applied.

I've tried filter.getOptions, sender._previewContainer, I even tried $( '.k-filter-preview' ).text() but I am running into issues of inconsistency regarding timing of availability.

My JS/jQuery is mediocre as its really only been my secondary, or even tertiary, approach of choice, until very recently so feel free to add ...dummy to an suggested resource. :)

Thanks.

Filter

answered on 02 Mar 2021

3 answers

306 views

Cell Style in Json Data

Hello.

I'm developing with Kendo Grid and I have a question about styling cell of every row.

I've already read some articles to style every cell in databound event.

Can I add styling rule in JSON Data Passed to Kendo Grid?

In my case I have a datatable(vb.net) that I convert to json before pass to kengo grid.

My datatable has 3 column and 50 rows.

1° col: Name / 2° col: Surname / 3° col: Style.

Every row can have a different "Style" content. "Style" is the style that I need to apply to 1° and 2° column.

Example:

PAUL BEAN color:red;

STEVE JOBS text-align:center;

SAM SMITH background-color: green;

{"data":[{"Name": "Paul", "Surname":"Bean","Style":"color:red"}, {"Name": "Steve", "Surname":"Jobs","Style":"text-align:center"}, {"Name": "Sam", "Surname":"Smith","Style":"background-color: green;"}]}

Can you explain If is possibile styling on json "data"?

I've already use databound event and I Iterate every rows but it is very slow.

Are there any alternatives?

thanks!

Grid

answered on 02 Mar 2021

1 answer

379 views

Kendo Tooltip position issue for bar chart

The tooltip shows at the top of the chart height instead of the bar height. Also unable to format the tool tip for the chart. I need to bring the tooltip at the start of the bar . Please refer the image below.

Charts

answered on 02 Mar 2021

2 answers

216 views

Show Kendo Recurrence Editor as read-only mode?

Hello,

I'm working on an app that needs to display Kendo Recurrence Editor as read-only mode. Is the component have read-only option?

Example on the attached image.

Thanks,

Scheduler

answered on 02 Mar 2021

3 answers

501 views

Kendo grid buttons – cannot override min-width

I have tried all kinds of selector permutations, but cannot seem to find the CSS selector “specificity” to override the default button min-width of 64px in kendo.common.min.css. I find that my only option is to modify Kendo’s CSS file itself – which I would prefer not to do.

The class spec: .k-grid tbody .k-button,.k-ie8 .k-grid tbody button.k-button{min-width:64px}

Desired behavior: min-width:0px

I am replacing Kendo’s text/icons with custom icons that are 16x16 (any larger and the rows get too tall). I am using the MVC wrappers (which may be irrelevant to the question).

Please advise,

Grid