Questions on Kendo UI for jQuery Forum

1 answer

142 views

Map modification: state names / alaska & Hawaii reattached and rescaled

Hi!

How can achieve look and feel (see picture)

1. state names visible

2 . alaska & Hawaii reattached

Highcharts us-all-territories.geo.json attached in zip

coordinates look different [1747,3920] and do not work with Kendu Map

Thanks

Map

answered on 04 Jul 2016

9 answers

702 views

Undo and Redo paste function

Hi there,

I have custom tool buttons on my editor, and those buttons paste some text inside the editor on click (using the paste function). I cannot undo or redo these paste operations. If I manually type some thing, then undo and redo works on that, but not on the pasted text.

What would be a good solution to this?

Thank you in advance,
Nisarg Patel

Editor

answered on 04 Jul 2016

4 answers

471 views

[Solved] Overflow not showing until window is resized

Hi,

I have a kendo toolbar that has one static button. The rest are added via javascript that calls to web service to determine what buttons are to be made available. If the code adds too many buttons, I expect the overflow to appear, but it does not. The window must be resized and then the overflow appears.

I've made a demo to show the issue: http://dojo.telerik.com/OXUpA

Please let me know what I can do to get the overflow to appear immediately when it is needed.

Toolbar

answered on 04 Jul 2016

1 answer

179 views

Grid datasource odata problem with angularjs.

Hello,

I have a problem with reading oData to grid datasource with angularjs.
I have the following test method:

01.$scope.search = function (searchCriteria) {

02. var users = new kendo.data.DataSource({

03. dataType:"odata",

04. transport: {

05. read: {

06. async: true,

07. url: "http://services.odata.org/V4/Northwind/Northwind.svc/Customers"

08. },

09. schema: {

10. data: "value",

11. total: "odata.count"

12. },

13. serverPaging: true,

14. serverSorting: true,

15. serverFiltering: true,

16. pageSize: 5

17.

18. },

19. sortable: true,

20. pageable: true,

21.

22. });

23.

24.

25.

26.

27. users.read().then(function success() {

28. $scope.userGridOptions.dataSource.data(users.data());

29. $scope.grid.refresh();

30. },

31. function error(error) {

32. $log.error(error);

33. });

34.

35. $scope.userGridOptions.pageable = true;

36. $scope.userGridOptions.pageSize = 5;

37. $scope.userGridOptions.scrollable = {

38. virtual: true

39. };

40.

41.

42. };

On click from view the method is called. I have an existing datasource available and I want to refresh it.
The data is retrieved nicely (see the attachment), but in the code on line 27

users.read().then(function success() {

I get an error "TypeError: e.slice is not a function".

Could you please help me out. What am I doing wrong?

Grid

answered on 04 Jul 2016

1 answer

124 views

Editor Delete Bug\Problem?

I've been playing around with the Editor control which is a great control however it seems to have a major bug\problem. When I edit my file in the editor it dosnt deal well with deletes.

I've a 3 line html (Sample.html) file like below.

<p>1 First line here.</p><p>2 Second line here.</p><p>3 Third line here.</p>

In the Editor I delete the second line and save the content and I expect to see:

<p>1 First line here.</p><p>3 Third line here.</p>

However what the editor actually creates is this:

<p>1 First line here.</p><p>3 Third line here.</p>><p>3 Third line here.</p>

Note the repeat of the line 3 and the </p>>

This is completely wrong! Am I doing something wrong?

The code for my view and my controller are as below:

View:

@using Mallon.Reporting.Artifacts

@using Mallon.Reporting.Extensions

@using DiamondFireWeb.Gui.Controllers

@using System.Collections.Generic

@using DiamondFireWeb.Gui.Extensions

@using TemplateEditorHelper

@using Kendo.Mvc.UI.Fluent

@model ModelEditorHtml

@{

ViewBag.Title = "Editor Test ";

bool hideLayout = Convert.ToBoolean(ViewData["HideLayout"]);

if (hideLayout == null || hideLayout == false)

{

Layout = "~/Views/Shared/_Layout.cshtml";

}

string imagesUrl = Url.GetRootUrl("/Content/TemplateImages/{0}");

}

@using (Html.BeginForm())

{

@Html.AntiForgeryToken()

<div>

@Html.HiddenFor(m => m.FilePath)

@(Html.Kendo().EditorFor(m => m.Content)

.Name("Content")

.HtmlAttributes(new { style = "width: 100%;height:440px" })

.Tools(t =>

{

t.Clear();

t.Bold().Italic().Underline();

t.JustifyLeft().JustifyCenter().JustifyRight().JustifyFull();

t.InsertUnorderedList().InsertOrderedList();

t.Outdent().Indent();

t.InsertImage();

t.TableEditing();

t.Formatting();

t.CleanFormatting();

t.FontName();

t.FontSize();

t.FontColor().BackColor();

t.Print();

}

)

.Resizable(resizable => resizable.Content(true).Toolbar(true))

//.ImageBrowser(imageBrowser => imageBrowser

// .Image(imagesUrl)

// .Read("Read", "ImageBrowser")

// .Upload("Upload", "ImageBrowser")

// .Thumbnail("Thumbnail", "ImageBrowser"))

)

<input type="submit" class="k-button" />

</div>

}

Controller Methods:

public ActionResult EditorTest()

{

ModelEditorHtml m = new ModelEditorHtml();

m.FilePath = @"C:\Data\Sample.html";

m.Content = System.IO.File.ReadAllText(m.FilePath);

return View(m);

}

[HttpPost]

[ActionName("EditorTest")]

public ActionResult EditorTestSave(ModelEditorHtml m)

{

string htmlValue = HttpUtility.HtmlDecode(m.Content);

using (FileStream file = new FileStream(m.FilePath, FileMode.Open, FileAccess.ReadWrite, FileShare.None))

{

using (StreamWriter writer = new StreamWriter(file, Encoding.UTF8))

{

writer.Write(htmlValue);

}

return RedirectToAction("EditorTest");

}

Model:

public class ModelEditorHtml

{

[AllowHtml]

public string Content { get; set; }

public string FilePath { get; set; }

}

Editor

answered on 04 Jul 2016

1 answer

276 views

Listview within a Listview

I'm trying to make a listview within my kendo listview using MVVM. I can't output the "Items" (see Dojo example) array using the # for (var i = 0 ... } # syntax because of the need for MVVM binding.

Here is a Dojo demonstrating what I'm trying to do. Am I trying to achieve something that is impossible to do with Kendo?

Thanks,

Brian

ListView

answered on 04 Jul 2016

4 answers

114 views

Kendo Grid

Hello Telerik Team,

We have ASP.Net MVC 5.0 application. We are using Kendo Grid to show and list all records and we are getting performance issue for the same

after tracking server and client side code we found out that while add row to grid is taking time at client side. we are using below method

new kendo.data.DataSource({
type: "aspnetmvc-ajax",
transport: {
read: {
url: url,
dataType: "json",
type: urlType,
data: searchParam,
complete: function (e) {
$scope.IsDirty = false;
$scope.KRefresh = 1;
$scope.SearchInGrid(); //Filter the Grid
}
}
},
schema: {
data: 'Data',
total: 'Total'
},
error: function (e) {
if (e.status == 'error') {
$scope.MaxRecordFlag = 1;
$scope.SetNoRecordFoundMessage(0);
}
},
//serverPaging: true,
serverSorting: true,
//serverFiltering: true,
allowUnsort: true
//pageSize: 50
})

What we are looking forward and Just FYI Paging is not allowed on this page.

Can we have any way to add row in grid at client side in async way ? or on demand . for eg.

lets say i have 100 rows to bind . then in first show i can bind 20 rows and show in gird and paralle keep binding remaing 80 rows.??

Regards

Shrirang

Grid

answered on 04 Jul 2016

2 answers

201 views

[Solved] Using the Spreadsheet with Angular

I am using the Kendo UI components in AngularJS and am including a spreadsheet in one of my pages. Unlike the other components, the spreadsheet doesn't include an angular example. Is there a way to get the reference to the spreadsheet? I was hoping for some equivalent to

var spreadsheet = $("#spreadsheet").data("kendoSpreadsheet");

Thanks!

General Discussions

answered on 04 Jul 2016

4 answers

280 views

After the update to new version data-auto-bind + data-option-label stops working

Hello,

After the update to the new version all dropdownlists with data-auto-bind="false" starts loading their data during the declaration if they have a "data-option-label". For example the declaration:

<select id="edopp_ddlList" data-bind="value: val" data-role="dropdownlist" data-text-field="Name" data-value-field="ID" data-auto-bind="false" data-source="valsDataSource" data-option-label="(No val)" class="dropdownSmall">

</select>

If I remove "data-option-label" all start working fine (list doesn't load its data during the declaration).

Is it a bug?

Vladimir

DropDownList

answered on 04 Jul 2016

3 answers

314 views

[Solved] Multiple files not showing properly

Hi,

I am following the template demo for the Upload widget with the latest version of Kendo UI. But when I select multiple files in the file explorer, all that shows is a single file in the <ul class="k-upload-files">. Again, only a single <LI> is showing in that list, even when I select multiple files. I debugged through the Kendo Upload javascript and see that it is not creating multiple <LI>'s. Can anyone explain the reason for this because it is very frustrating.

Thanks

Upload

answered on 04 Jul 2016