Questions on Kendo UI for jQuery Forum

2 answers

283 views

I am having an issue with the display of folders in the FileManager on initial load. If I use a local data source, everything works fine.(see Capture_local.png)

Here is an example of my local datasource:

var data = [
{
"name": "Training1",
"size": 0,
"path": "Training1",
"extension": "",
"isDirectory": true,
"hasDirectories": false,
"created": "2020-12-28T18:49:36.644558Z",
"modified": "2020-12-28T18:49:36.644584Z",
"createdUtc": "2020-12-28T18:49:36.644606Z",
"modifiedUtc": "2020-12-28T18:49:36.644628Z"
},
{
"name": "Training2",
"size": 0,
"path": "Training2",
"extension": "",
"isDirectory": true,
"hasDirectories": false,
"created": "2020-12-28T18:49:36.644558Z",
"modified": "2020-12-28T18:49:36.644584Z",
"createdUtc": "2020-12-28T18:49:36.644606Z",
"modifiedUtc": "2020-12-28T18:49:36.644628Z"
},
{
"name": "Training3",
"size": 0,
"path": "Training3",
"extension": "",
"isDirectory": true,
"hasDirectories": false,
"created": "2020-12-28T18:49:36.644558Z",
"modified": "2020-12-28T18:49:36.644584Z",
"createdUtc": "2020-12-28T18:49:36.644606Z",
"modifiedUtc": "2020-12-28T18:49:36.644628Z"
}
];

If I set the FileManager to use a remote datasource, I am getting NaN showing in the name column. (see Capture_remote.png)

The remote datasource returns the same as above.

Here is my FileManager config:

var filemanager = $("#fileManager").kendoFileManager({
dataSource: filemanagerDataSource,
height:600,
initialView: 'grid',
contextMenu: false,
toolbar: {
items: [
{ name: "sortDirection" }filemanagerDataSource,
{ name: "changeView" },
{ name: "spacer" },
{ name: "details" },
{ name: "search" }
]
},
views: {
grid: {
noRecords: true,
}
}
}).data('kendoFileManager');

I can set the FileManager demo (using kendo dojo) to use the grid view on initial load and it seems to work fine, so I'm not sure what may be causing the issue. Any help would be appreciated. Please let me know if more info is needed.

Thank you.

FileManager

answered on 04 Jan 2021

2 answers

524 views

Select First folder

The navigate method lets us select a folder by name. Is there a way to always select the first folder listed; by some sort of index maybe?

FileManager

answered on 04 Jan 2021

5 answers

1.2K+ views

Hide last column of kendo Grid while exporting to pdf for few tables

How can I hide the last column of my grid having action elements while doing a pdf export.I want to override the css for pdf export so as when the grid is exported the last column is hidden in the pdf. I also have a requirement wherein I want to show the last column in the exported pdf as that grid contains data instead of action elements.Thanks

Grid

answered on 31 Dec 2020

3 answers

672 views

Kendo Grid Override Keyboard Navigation

Hi Team,
I'm trying to override the some of the keyboard shortcuts for kendo grid.
What I need is to make the pageup/pagedown for top/bottom of screen and use home/end keys for start/end of dataset. Can you please suggest on how can I achieve this?

Grid

answered on 31 Dec 2020

10 answers

933 views

Inline creating row when data is sorted problem

I have a grid that uses inline editing. There are also many pages of data, and I noticed that if I sort by any column, then click the "Add new record" button, I don't see the new row appear (I assume it is created at the end of the last page). However when I go to the last page, the row is already created, except it is all blank! I have some required fields that the user needs to fill in before creating the row, but in this situation, the row is created by itself without any values. This blank row only appears on the frontend (doesn't do anything serverside), and clicking "Update" then "Cancel" removes the row from the table...

Preferably, I would like to be able to jump to the page that contains the created row so that the user doesn't have to go looking for a blank row if they try inserting while the grid is sorted.

Thanks

Grid

answered on 31 Dec 2020

3 answers

399 views

Get Calculated Value

I have a spreadsheet with some formula (es. =A1*B2/5).

So I get the Json data and I see that something like that

{
"name": "Sheet1",
"rows": [
{
"index": 31,
"cells": [
{
"value": 5,
"format": "#",
"index": 1
},
{
"value": 10,
"formula": "B32*2",
"index": 2
}
]
}

is it possibile to use the js to get the calulated data or exist a .net dll to convert js"excel" style formula to data?

Spreadsheet

answered on 30 Dec 2020

2 answers

1.2K+ views

Error: Cannot read property chunkIndex of undefined

I am trying to use async chunk upload with Web API 2.
But always after first chunk I am receiving message “Cannot read property 'chunkIndex' of undefined”.
What did I do wrong?

using System;

using System.IO;

using System.Runtime.Serialization;

using System.Runtime.Serialization.Json;

using System.Text;

using System.Web;

using System.Web.Hosting;

using System.Web.Http;

namespace UploadWebApi.Controllers

{

public class UploadController : ApiController

{

[DataContract]

public class ChunkMetaData

{

[DataMember(Name = "uploadUid")]

public string UploadUid { get; set; }

[DataMember(Name = "fileName")]

public string FileName { get; set; }

[DataMember(Name = "contentType")]

public string ContentType { get; set; }

[DataMember(Name = "chunkIndex")]

public long ChunkIndex { get; set; }

[DataMember(Name = "totalChunks")]

public long TotalChunks { get; set; }

[DataMember(Name = "totalFileSize")]

public long TotalFileSize { get; set; }

}

public class FileResult

{

public bool Uploaded { get; set; }

public string FileUid { get; set; }

}

public class Files

{

public string Extension { get; set; }

public string Name { get; set; }

public int Size { get; set; }

public string Uid { get; set; }

}

public IHttpActionResult Save(HttpFileCollection files)

{

string path = String.Empty;

if (files != null)

{

for (var i = 0; i < files.Count; i++)

{

path = Path.Combine(HostingEnvironment.MapPath("~/App_Data"), files[i].FileName);

files[i].SaveAs(path);

}

return Ok("");

}

public IHttpActionResult Remove(string[] fileNames)

{

if (fileNames != null)

{

foreach (var fullName in fileNames)

{

var fileName = Path.GetFileName(fullName);

var physicalPath = Path.Combine(HostingEnvironment.MapPath("~/App_Data"), fileName);

if (File.Exists(physicalPath))

{

File.Delete(physicalPath);

}

return Ok("");

}

public void AppendToFile(string fullPath, Stream content)

{

try

{

using (FileStream stream = new FileStream(fullPath, FileMode.Append, FileAccess.Write, FileShare.ReadWrite))

{

using (content)

{

content.CopyTo(stream);

}

catch (IOException ex)

{

throw ex;

}

public IHttpActionResult ChunkSave()

{

var files = HttpContext.Current.Request.Files;

var metaData = HttpContext.Current.Request.Form["metadata"];

if (metaData == null)

{

return Save(files);

}

MemoryStream ms = new MemoryStream(Encoding.UTF8.GetBytes(metaData));

var serializer = new DataContractJsonSerializer(typeof(ChunkMetaData));

ChunkMetaData somemetaData = serializer.ReadObject(ms) as ChunkMetaData;

string path = String.Empty;

if (files != null)

{

for (var i = 0; i < files.Count; i++)

{

path = Path.Combine(HostingEnvironment.MapPath("~/App_Data"), somemetaData.FileName);

AppendToFile(path, files[i].InputStream);

}

FileResult fileBlob = new FileResult();

fileBlob.Uploaded = somemetaData.TotalChunks - 1 <= somemetaData.ChunkIndex;

fileBlob.FileUid = somemetaData.UploadUid;

return Json(fileBlob);

}

Upload

answered on 30 Dec 2020

1 answer

273 views

Custom packages and Node.js v12

We've used the NPM/Bower/gulp method of making custom Kendo JS packages for our webapp and ran into a problem (using 2020.3.1118). Your build system doesn't seem to like Node.js v12? You are specifying gulp 3.9.1 in src/package.json, which is no longer supported, and which breaks under Node.js v12. I had to install Node v10 again to get it to work. If you are broken under node 12+, it would be nice to have that mentioned in your documentation, for instance here: https://docs.telerik.com/kendo-ui/intro/installation/what-you-need

Will you be updating the custom build system so that it works under recent Node.js versions?

General Discussions

answered on 30 Dec 2020

9 answers

1.8K+ views

Possible to close window when it loses focus?

Hi,

Is it possible to close the window when the user clicks somewhere outside the window (which is not modal)?

Thanks,
David A.

Window

answered on 30 Dec 2020

10 answers

1.1K+ views

Grid: descending sorting and adding new record with inline editing

Hello

I'm using inline editing in a grid, which is all working fine. However, when I add sorting, and a column is using a descending sort, the new record row (the editable one, not a newly inserted row) is actually added at the bottom. Not really a problem if there's only one page, but it's not so cool when it's at the bottom of page 19. Yes, I can go to that last page, or reverse the sorting, and I'll see the boxes, but it would still be cool if the new record row was always at the top.

Example here: http://jsfiddle.net/EEJsG/1/ It's using the "Inline editing" demo code from this website, with only "sortable: true" added.

To see my problem, just click "Unit Price" twice and click the add new record button.

Is this a bug, or am I missing a setting?

Thanks!

Grid

answered on 29 Dec 2020