Questions on Kendo UI for jQuery Forum

3 answers

207 views

Hi,

We have a bar chart with tooltips, very similar to the one in your demo of http://demos.telerik.com/kendo-ui/bar-charts/index

Our tooltips are using a template which include <a> element. The <a> element has onclick attribute which allow the user to drill down according to selection and move to a new view using app.navigate

It all looks good and works well in Chrome browser. But when we run it on iPhone device the tooltip on which we click remains also in the new view. Following your suggestion in other post we work on changing all onclick events to tap events and we hope this will also solve the remaining tooltip problem. However we cannot find a way of attaching tap event to the tooltip <a> elements:

- We tried adding data-role="touch" with data-tap to the tooltip template but this does not work, most probably because the <a> element is rendered after kendo attached handlers

- We also looked for a way to programatically bind all those <a> elemets to kendo tap event, but we could not find what chart event we should use as we need an event in which the tooltips already exist

Can you please advise how we can attach tap event to the chart tooltip?
On the otherhand, if you suggest us to keep the onclick tooltip implementation - is there anything you can suggest us to make sure the tooltip disappears after we change to the other view?

Thanks,

Ron.

Charts

answered on 29 Jun 2016

2 answers

293 views

Multiselect remove item not working properly after filtering

Hello,

When adding multiple elements for the following MultiSelect by typing their value (so filtering applies), some items aren't able to be removed.

@(Html.Kendo().MultiSelect()

.Name("msAssignContacts")

.Placeholder("Add new..")

.DataValueField("Id")

.DataTextField("FullName")

.DataSource(source => {

source.Read(read => {

read.Action("GetContacts", "UserProfile")

.Data("additionalParams");

})

.ServerFiltering(false);

}))

It seems to happen randomly, so some of the items can be removed, others cannot.

It's not reproducing when items are added only by mouse and it happens for all the MultiSelects in the project.

Thank you

MultiSelect

answered on 29 Jun 2016

3 answers

289 views

Angular 2 Component

I am currently investigating the use of the Kendo UI Grid for a new project and need to know if it's possible to wrap it in an Angular 2 component?

Thanka

Grid

answered on 29 Jun 2016

3 answers

1.8K+ views

Refresh Grid when datasource is updated using Angular JS

I have created a data source like

$scope.gridOptions = {
               dataSource: {
                   data: someData
                },
    sortable: false,
    pageable: false,
    columns: [
                  { field: "CarlineName", title: "Carline Name" },
                  { field: "Today", title: "Today" },
                  { field: "PrevDay", title: "Prev Day" }
                ],
               }
            };

I have grid definition something like this

<div id="retailSalesGrid" class="retailSalesGrid" data-kendo-grid data-k-options="gridOptions" data-k-ng-delay="gridOptions" data-k-rebind="gridOptions.selectable"></div>

This is working fine and the grid seems to be working fine. But, lets say someData changes, how do I refresh the grid to show the new data. Grid does not refresh. How do I refresh it from the angular code ?

Please help !

Grid

answered on 29 Jun 2016

3 answers

387 views

[Solved] Kendo Spreadsheet validation

Validation is achieved

Kendo Grid validation is achieved like this, similarly how should achieve this in kendo spread sheet

schema: {

model: {

fields: {

ProductName: { type: "string" },

UnitPrice: { type: "number", validation : {
required: true,
unitvalidation: function (input) {
var value = 0;
var value_found = false;
if (typeof input[0] !== 'undefined') {
if (input.val() !== "") {
value_found = true;
value = input.val();
}
if (value_found === true) {

if (value < 0 || value > 3) {
alert('please enter value between 0 and 3');
}
}
}
return true;
}
}
}
}
}

},

Spreadsheet

answered on 29 Jun 2016

3 answers

204 views

Editor Toolbar buttons not uniquely identified in JAWS Form Field Dialog (INSERT+F5)

I've created a Kendo Editor with a variety of toolbar buttons. However, when I bring up the list of fields in JAWS (Insert + F5), not all of them are uniquely identified. Some of them just say "Button", whereas others say what the button is used for, as shown (and described) in the attached file. The markup is below:

01.$("#txtBody").kendoEditor({

02. resizable: {

03. content: true

04. },

05. tools: [

06. "formatBlock",

07. "formatting",

08. "bold",

09. "italic",

10. "underline",

11. "strikethrough",

12. "subscript",

13. "superscript",

14. "justifyLeft",

15. "justifyCenter",

16. "justifyRight",

17. "justifyFull",

18. "insertUnorderedList",

19. "insertOrderedList",

20. "indent",

21. "outdent",

22. "foreColor",

23. "backColor",

24. "createLink",

25. "unlink",

26. "print"

27. ],

28.});

What needs to be done in order to update the button's such that they're uniquely identified in the dialog?

According to my understanding of your 508 documentation (http://docs.telerik.com/kendo-ui/accessibility/section-508), this should be supported out of the box.

Editor

answered on 29 Jun 2016

1 answer

356 views

Problem with multiple grids on a page sharing a ClientDetailTemplate

A part of our ASP.NET MVC app consists of a tabstrip with a grid in each tab. Each grid also has a .ClientDetailTemplateId("grid-details-form") and each grid shares the partial that makes up the clientTemplate @{ Html.RenderPartial("_DiagnosisRecordComments"); } _DiagnosisRecordComments has <script id="grid-details-form" type="text/x-kendo-template">

Here's 3 pictures to demonstrate the problem as we navigate the tabs, their grids, and the client templates. First tab, its grid and first row client template expanded out. All is good with the editor in the client template. Then we go to the second tab grid, first row client template and we a raw TextArea. Go back to the first tab grid, and now we have an editor within an editor.

Obviously Kendo is getting confused about where to render the Edtior. So right now the editor is declared via razor.

@(Html.Kendo().Editor()

.Name("validation-editor")

.HtmlAttributes(new { style = "height:160px;" })

.Tools(tools => tools

.Clear()

.Bold()

.Italic()

.Underline()

.Strikethrough()

.FontColor()

.JustifyLeft()

.JustifyCenter()

.JustifyRight()

.Indent()

.InsertUnorderedList()

.InsertOrderedList()).ToClientTemplate())

I'm thinking that I'm going to have create the editor dynamically on each tab navigation. Any idea what's going on?

Templates

answered on 28 Jun 2016

4 answers

106 views

[Solved] Why can this generate a stacked column chart

I have this dojo code here which generate a kendo chart.

What I want is to generate a stacked column chart based on the field "stack" of the object "stackedData". Which means if "stackedData" have 3 different value for stack then the corresponding point (coulmn ) should have 3 different stacked color.

Charts

answered on 28 Jun 2016

8 answers

375 views

[Solved] If you do not want the time of input of date

Hi.

Date of my Gantt chart is entered only on a daily basis.
It does not input of time.

Bar for the Gantt chart task, if the start and end of the same day, you want to display a horizontal bar of the bar from the beginning of the day to the end.
In other words I would like to extend the bar to the end of the end of the day.
Is this possible?

Please detail images with reference to the attached file.

Thanks.

Gantt