Questions on Kendo UI for jQuery Forum

1 answer

190 views

KendoUI tabstrip not refrershing on click of tab

Hi Team,
I am creating tabstrip dynamically
Table schema
menuOrder Tabtext URL
1 Dimension Home/Dimension
2 Engine Car/Engine
3 Chassis Bike/Chassis
4 Role Employee/Role
5 Permission secuirty/Permission

When i can click the tabs it is getting refreshed only for the first time.
Even if the data changes when i clcik the tab it is still showing the new data
(Ex Dimension tab as got new record inserted but the new record is nto been showing )
I am doing the ajax call only want the particluar tab which is clciked to be refreshed i am using the partialview where it will render the view here i am calling
only first time the tab which is clicked the action method of MVC is triggered second time clciked it does not get the hit itself. I have kept the debugger to see this.

Home controller

//[OutputCacheAttribute(VaryByParam = "*", Duration = 0, NoStore = true)]

[OutputCache(Duration = 0, Location = OutputCacheLocation.Client, VaryByParam = "none", NoStore = true)]

[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]

public ActionResult Dimension()

{

return PartialView();

}

Car controller

//[OutputCacheAttribute(VaryByParam = "*", Duration = 0, NoStore = true)]

//[OutputCache(Duration = 0, Location = OutputCacheLocation.Client, VaryByParam = "none", NoStore = true)]

[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]

public ActionResult Engine()

{

return PartialView();

}

I have tired all these things but still tab contents are not refreshed when clciked
What am i missinh here? is there anything that needs to be added here in tabstrip widget
i have 6 hours i do not see any forum where i can get the answer

<!DOCTYPE html>

<html>

<head>

<base href="http://demos.telerik.com/kendo-ui/panelbar/remote-data-binding">

<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>

<title></title>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.common.min.css" />

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.metro.min.css" />

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.metro.mobile.min.css" />

<script src="https://kendo.cdn.telerik.com/2017.1.223/js/jquery.min.js"></script>

<script src="https://kendo.cdn.telerik.com/2017.1.223/js/kendo.all.min.js"></script>

</head>

<body>

<div id="example">

<div class="demo-section k-content">

<div id="tabstrip"></div>

</div>

<script>

$(document).ready(function myfunction() {

$("#tabstrip").kendoTabStrip({

tabPosition: "left",

dataTextField: "Tabtext",

dataContentUrlField: "Url",

dataValueField: "menuOrder",

dataBound: function(e) {

e.sender.select(2);

}

});

var serviceRoot = "http://localhost:58030/Config/api/NavigationFeature";

var dataSource = new kendo.data.DataSource({

transport:{

read: {

url: serviceRoot + "/Employees?EmployeeId=2",

dataType: "jsonp"

}

});

var tabStrip = $("#tabstrip").data("kendoTabStrip");

tabStrip.setDataSource(dataSource);

});

</script>

</div>

</body>

</html>

Thank You

TabStrip

answered on 27 Feb 2017

4 answers

560 views

Remove default Validation for Autocomplete

Hi All ,

I want to remove the default validation given by the kendo ui for Autocomplete.Please help me in achieving this.

AutoComplete

answered on 27 Feb 2017

1 answer

177 views

Area chart loses tooltip on zoom

Hello,

I have a chart with two area series.

When zooming, the second line tooltip stops working. Only the tootltip of the first line works normally.

jQuery("#chart").kendoChart({

chartArea: {

height: 300

},

renderAs: "canvas",

dataSource: {

data: assuredEnergyGrossGraph

},

series: [

{

type: "area",

aggregate: false,

field: "assuredValue",

color: "#adcd7a",

name: "Garantia Física",

line: {

color: '#40b800',

width: 2

}

},

{

type: "area",

aggregate: false,

field: "capacityValue",

color: "#ffcaa8",

name: "Potência",

line: {

color: '#f55e00',

width: 2

}

],

valueAxis: {

title: {

text: $scope.EnergyUnit

}

},

categoryAxis: {

field: "assuredDateTime",

baseUnit: "months",

baseUnitStep: 'auto',

maxDateGroups: 24,

type: "date",

labels: {

rotation: "auto",

format: 'MM/yyyy'

}

},

tooltip: {

visible: true,

template: "#= moment(category).format('MM/YYYY') # <br /> #= value # MWM"

},

legend: {

position: "bottom"

},

pannable: {

lock: "y"

},

zoomable: {

mousewheel: {

lock: "y"

},

selection: {

lock: "y"

}

});

Charts

answered on 27 Feb 2017

3 answers

197 views

Datasource.sort() behavior inconsistent across browsers

When I specify sort fields via the datasource.sort() option, the result is different in Chrome than it is in IE.

In IE, multiple all-day events in the same day appear sorted correctly on the calendar. In chrome, the same events render *slightly* out of order.

In both browsers, printing that set of events to the console reveals that the datasource itself is sorted correctly in both browsers, but it appears the calendar control does not render them in the specified order, in Chrome.

I've included screenshots of my data in Chrome...

1) my sort configuration

2) the day's data, sorted, printed to the console

3) the day's data, sorted, rendered on the calendar

Scheduler

answered on 27 Feb 2017

3 answers

911 views

Grid Options does not include Header Attributes

The object returned by grid.getOptions() includes the "attributes" object for columns, such as the following:

"attributes":{"style":"text-align: right;"}

However, it does not include the header attributes. If I apply saved grid state using grid.setOptions(), my header attributes defined via HeaderHtmlAttributes is removed. Is there a way to set the grid options while preserving the header attributes?

Here's the code I'm using to set the grid options:

var grid = $("#CaseloadGrid").data("kendoGrid");

var savedOptions = localStorage["caseload-grid-options"];

if (savedOptions)

{

var state = JSON.parse(savedOptions);

var options = grid.options;

options.dataSource.pageSize = state.dataSource.pageSize;

options.dataSource.sort = state.dataSource.sort;

options.dataSource.page = state.dataSource.page;

grid.setOptions(options);

}

Grid

answered on 27 Feb 2017

5 answers

129 views

How to toggle between week and workWeek with angular js

I have a requirement to toggle between workWeek and week on hideWeekend checkbox click. Is there any work arround

Scheduler

answered on 27 Feb 2017

1 answer

290 views

Cannot get AutoComplete to Work

I have the following code on a page.

@(Html.Kendo().AutoComplete()
.Name("categoryAutocomplete")
.DataTextField("Combined")
.Filter("contains")
.MinLength(3)
.HtmlAttributes(new { style = "width:200px" })
.DataSource(source => source.Read(read => read.Action("GetAntiqueCategories", "Customer"))
.ServerFiltering(false)
)
)

When the page loads and I start typing into the control, the appropriate controller method is getting called and data is returned but I get a JS error in the browser saying:

Uncaught TypeError: e.slice is not a function

at init.success (kendo.all.min.js:27)
at success (kendo.all.min.js:27)
at Object.n.success (kendo.all.min.js:27)
at i (jquery-1.12.4.min.js:2)
at Object.fireWith [as resolveWith] (jquery-1.12.4.min.js:2)
at y (jquery-1.12.4.min.js:4)
at XMLHttpRequest.c (jquery-1.12.4.min.js:4)

AutoComplete

answered on 27 Feb 2017

1 answer

116 views

Autocomplete sometimes crashes on iexplorer

the kendo autocomplete i'm using sometimes causes internet explorer crashing.

on read function I handle a async ajax request using the jquery ajax method. the server side is fine, I have tested on chrome and works fine.

the internet explorer version is 11 but it should work with older versions

the kendo version is 2016.1.406

the jquery version is the same include in the kendo package.

AutoComplete

answered on 27 Feb 2017

3 answers

97 views

Tab adds Whitespace

Hi,

tabulator appends whitespace to listview when target element is partial or completely outside clientview and you cannot scroll back to the top.

Is there a fix?

Kind regards

Axel

ListView (Mobile)

answered on 24 Feb 2017

4 answers

380 views

Retrieving dataSource object from custom popup tempate after button clicked in popup

I'm trying to get the dataSource dataItem for a grid value after I have brought up a custom popup screen. I've created a button on the custom popup, and I'm passing the UID to the click event and I can get the row of the grid, however I'm trying to get the datasource dataItem and have had no luck. I've create the following dojo: http://dojo.telerik.com/@pnd@qad.com/oYIXU/2

I've also attached a screenshot of the developer tools which shows my dataItem is undefined, what I need is the dataItem so that I can pass that on to another call. Any help is greatly appreciated.

Grid

answered on 24 Feb 2017