Questions on Kendo UI for jQuery Forum

1 answer

163 views

Put new Kendo Chart or Gauge inside existing svg

Hi, I'm facing a problem. Kendo Chart uses svg to draw charts and it's easy to create a new chart from a <div> element. Now, I want to put a new Chart or Gauge inside an svg (or maybe inside a <g></g> tag inside the svg) like <div>. I've tried but with no success.

General Discussions

answered on 02 Nov 2017

3 answers

164 views

Pasted value is absent after navigation on kendo-sortable

Hi!

First of all, here is the dojo to reproduce. Also I've attached gif file which shows all cases described below.

Let me describe this dojo more detailed. Here we have 'Main' link, which is outside kendo-sortable element, and two links: 'Link 1', 'Link 2' - which are placed inside kendo-sortable element. There is ng-view section right next to them. All templates contain only text and made just for navigation, except of 'Link 2', because it contains kendo-combo-box element also.

Case 1:

Open 'Link 2' and paste (don't type!) some value into combo box. Left this field on focus.
Navigate to 'Main' page. And go back to 'Link 2' page.
You can see, that pasted value is shown in combo box.

So, everything works fine.

Case 2:

Open 'Link 2' and paste (don't type!) some value into combo box. Left this field on focus.
Navigate to 'Link 1' page. And go back to 'Link 2' page.
Pasted value is absent.

Here we have a problem.

Case 3:

Open 'Link 2' and paste (don't type!) some value into combo box.
Click somewhere on this page to remove focus from combo box element.
Navigate to 'Link 1' page. And go back to 'Link 2' page.
You can see, that pasted value is shown in combo box.

Everything works fine.

I have some notes:

The problem occurs only with kendo elements. It not happens with simple input element.
The problem occurs only if navigation link placed inside kendo-sortable or kendo-draggable element.

I understand that this is not a regular case, but we have this in our application. So it would be great, if you could fix that. Or even provide temporary fix for us.

Thank you!

Sortable

answered on 02 Nov 2017

1 answer

110 views

Editor is Rendering twice on jQuery Step plugin.

I don't know why my editor is rendering twice in Jquery step. But this don't Happen outside the jquery step. I have attach the image. Any help will be highly appreciated because is urgent. Thanks

General Discussions

answered on 02 Nov 2017

3 answers

144 views

Error with createAt bottom + scroll virtual

Hi,

With the new version (2017.3.1018), all our grids fail without error when you try to add a new record when we have set this two options:

editable: { createAt: "bottom"},
scrollable: { virtual: true }

You could see it in this example:

dojo link

This works fine until now with all other versions, could you review it?

Thanks in advance

Grid

answered on 02 Nov 2017

1 answer

229 views

Pie Chart Refresh Doesn't Work When Datafields aren't default

I created a dojo

https://dojo.telerik.com/@rareddy/exaRi

Top chart is taken from the Telerik demo, bottom chart is mine. Click the "redraw" button at the top, and you'll notice my chart does not redraw and ends up being blank.

The only difference, and you can test this by copying the series, is that the "field", "datafield", and "colorfield" are specified in the datasource in mychart.

Am I doing something wrong or is this a bug?

Charts

answered on 02 Nov 2017

2 answers

218 views

[Solved] Angular2 DialogService focus problem

Hello,

I checked out the DialogService for angular 2 and it seems that I found a little bug which is also reproducible in the first plunker demo of your examples at https://www.telerik.com/kendo-angular-ui/components/dialog/service/

When the dialog is opened and you press the enter-key of your keyboard, the dialog opens again (and again, and again,...). In my opinion the focus should be set to the primary button of the dialog but it seems that the focus is still on the button which opens the dialog.

Is there any workaround for this problem or will this be fixed in the near future?

Thank you,

Best regards!

Dialog

answered on 02 Nov 2017

3 answers

245 views

[Solved] Does ComboBox virtualization ONLY work with OData dataSources?

I can't get it to work with a JSON REST services that uses a {"total": 100, "data": [{...}]} format.

ComboBox

answered on 02 Nov 2017

3 answers

3.1K+ views

Grid k-icon not appearing when using local kendo.common.min.css file

I'm building a local WPF application that uses kendo grids. The application needs to work offline so I'm referencing the kendo css and js files in local directory within my application. Everything is working fine except the icons for filtering and paging aren't appearing within the grid. I've attached a small sample project to show my problem.

If you uncomment line 45 in MainWindow.xaml.cs to reference the remote copy of kendo.common.css everything works fine, but when referencing the local copy of that file, the images don't appear properly.

Grid

answered on 01 Nov 2017

3 answers

104 views

Block the grouping disability of a field

I'd like to block this event (group closing)..

it must not be clickable (attachment file)

<div id="mt" data-role="grid"

data-groupable="true"

data-pageable='{ "pageSize": 10}'

data-reorderable="true"

data-resizable="true"

data-sortable="true"

data-columns="[

{ 'field': 'nome','title':'Nome'}

]"

data-bind="source: Product"></div>

Grid

answered on 01 Nov 2017

1 answer

286 views

Showing view depending on the selected menu item

Hello there,

Please write me a suggestion to my problem:

My _Layout.cshtml file looks like this:

<html>
<head>
<link href="@Url.Content("~/Content/bootstrap.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/kendo/2017.3.1018/kendo.common.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2017.3.1018/kendo.moonlight.min.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/kendo/2017.3.1018/jquery.min.js")"></script>

<script src="@Url.Content("~/Scripts/kendo/2017.3.1018/kendo.all.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2017.3.1018/kendo.aspnetmvc.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2017.3.1018/cultures/kendo.culture.hu-HU.min.js")"></script>

<script type="text/javascript">

function refreshPartialView(e) {

var selected = this.dataItem($(e.item));

var id = selected.Id;

var result = $.ajax({
url: '@Url.Action("GetSiteInfoSearchResult", "SiteInfo")',
method: 'GET',
data: { id: id },
dataType: 'text',
async: false,
success: function (response) {

$('#tabStripPartial').html(response);//show the tabstrip
$('#gridSerialSearchResult').html('');//and clear the other partial... :(
}
});
}

function refreshSerialGrid(e) {

var selected = this.dataItem($(e.item));

var result = $.ajax({
url: '@Url.Action("GetSerialSearchResult", "Jegyzokonyv")',
method: 'GET',
data: { id: selected },
dataType: 'text',
async: false,
success: function (response) {

$('#gridSerialSearchResult').html(response);//show the gridview
$('#tabStripPartial').html('');//and hide the other partial view
}
});
}

</script>

<script>

$(document).ready(function () {

$("#searchBox").kendoAutoComplete({
dataSource: {
transport: {
read: {
url: "/SiteInfo/GetSiteInfos"
}
}
},
dataTextField: "Nev",
placeholder: "Search site...",
autoWidth: true,
select: refreshPartialView
});
});

$(document).ready(function () {

$("#searchSerial").kendoAutoComplete({
dataSource: {
transport: {
read: {
url: "/Jegyzokonyv/GetSerials"
}
}
},
placeholder: "Search serial...",
autoWidth: true,
filter: "contains",
select: refreshSerialGrid
});
});

</script>
</head>

<body>
<header>
<div class="content-wrapper">
<div class="float-left">
<p class="site-title">@Html.ActionLink("Home", "Index", "Home")</p>
</div>

<div class="float-right">
@(Html.Kendo().Menu().Name("navmenu").Items(i =>
{

if (Request.IsAuthenticated)
{
i.Add().Text("Search").Content("<input id='searchBox'/>");
i.Add().Text("Tools").Items(children =>
{
children.Add().Text("Reports").Items(children2 =>
{
children2.Add().Text("Report 1");
children2.Add().Text("Report 2");
children2.Add().Text("Report 3");
});
children.Add().Text("Search serial").Content("<input id='searchSerial'/>");
children.Add().Text("Account");//The problem is here, if I add Action("Index","Manage")
children.Add().HtmlAttributes(new { @class = "k-separator" });
children.Add().Text("Logout").HtmlAttributes(new { onClick = "javascript:document.getElementById('logoutForm').submit()" });
});

}
else
{
i.Add().Text("Login").Action("Login", "Account");
}
i.Add().Text("Contact").Action("Contact", "Home");
}))
</div>
</div>

@using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm", @class = "navbar-right" }))
{
@Html.AntiForgeryToken()
}
</header>
<div id="body" class="container">

@RenderSection("featured", required: false)

<section class="content-wrapper main-content clear-fix" id="mainBody">

@RenderBody()

@if (Request.IsAuthenticated)
{
@Html.Partial("_TabStripPartial")
@Html.Partial("_SerialKeresoPartial")

//or this???
//@RenderPage("_TabStripPartial.cshtml")
//@RenderPage("_SerialKeresoPartial.cshtml")
}

</section>

</div>

<footer>
<div class="content-wrapper">
<div class="float-left">
<p>© 2015-@DateTime.Now.Year</p>
</div>
</div>
</footer>
</body>
</html>

Now as you can see, the site has a menu when user is not logged in with Login and Contact buttons only. After successful login
the user get the additional menu items. The 'Featured' section is still there.

I want to get the 2 serach result partial view and the account manage page to be shown on the same place. It's working when I only enable those 2 search partial view: at Javascript I fill one of them and clear the other. I hate this solution, do you have any other suggestion?

The _TabStripPartial view contains @Html.Kendo().TabStrip() element and the _SerialKeresoPartial view contains a @Html.Kendo().Grid(Model) grid with local data binding. Both works.

My questions:
1 - is it possible to get independent pages (depending on the menu selection) to body with removing the Featured section (I only want to see this section when the user hasn't made any interaction yet)
2 - is it possible to embed AutoComplete in Menu without that Javascript solution?
3 - after selecting item in either the first Autocomplete or in the other, how can I show those partial view in body and only the selected partial view, not both.
4 - if I add this Action("Index","Manage") after the account menu item, the site crashes at the first @Html.Partial part because of invalid operation (account management uses different model that this tabstrip partial view). How can I create more pages (including this account management) and show them on the same place in body?

Thanks

Attila

Menu

answered on 01 Nov 2017