Questions on Kendo UI for jQuery Forum

3 answers

927 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

133 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

302 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

124 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

106 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

400 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

2 answers

1.2K+ views

KendoUI tabstrip not showing default tab

Hi,
I am not able to select the first tab as selected tab on page load.
I have my tab text coming from database.
if i click on any of the tab manually then i can see the data.
But the first tab as to be selected by default itself What setting am i missing here ?

<script type="text/javascript">

$m = jQuery.noConflict();

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

{

$m("#tabstrip").kendoTabStrip({

tabPosition: "left",

dataTextField: "desc",

dataContentUrlField: "Url",

dataValueField: "menuOrder",

}).data("kendoTabStrip").select(0);

var dataSource = new kendo.data.DataSource(

{

transport:

{

read:

{

url: "http://localhost:58030/Config/api/Feat/Get?Member=ASIA\Kiran",

type: "GET",

dataType: "json",

cache: false,

contentType: "application/json",

charset: "utf-8"

}

},

data: {

name: { type: "string" },

desc: { type: "string" },

menuOrder: { type: "string" },

Url: { type: "string" }

},

});

debugger;

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

tabStrip.setDataSource(dataSource);

tabStrip.select(0);

//tabStrip.select(1);

})

</script>

Thanks in advance!

General Discussions

answered on 24 Feb 2017

2 answers

225 views

Animating 'visible' binding

So today I was using the 'visible' binding and I really wanted to have some jQuery animation when the bound element was shown/hidden. A few minutes of research and I have a new binding (I _could_ have just extended the built-in one, but I didn't want to touch so that I didn't affect other areas of the application I've already built).

Just drop this javascript in a file that is loaded after the kendo javascript:

kendo.data.binders.visible_animated = kendo.data.Binder.extend({

refresh: function () {

if (this.bindings.visible_animated.get()) {

$(this.element).show('fast');

} else {

$(this.element).hide('fast');

}

});

Alternatively, it'd be cool if the built-in kendo bindings that controlled element visibility would support animations natively somehow. :-)

MVVM

answered on 24 Feb 2017

1 answer

211 views

Display toolbar when hovering over shape

Looking to have a toolbar appear when the mouse pointer hovers over a shape and disappear when it hovers off the shape. Right now the toolbar appears when i left click on the shape. I've tried emulating a "click" event on the mouse entering event, but it looks like that is too late in the event cycle and the toolbar does not appear. I'm trying to emulate a "tap" event, but having trouble with the data needed to simulate the event through the trigger function. Is this the correct way to accomplish showing the toolbar for a shape? Thanks

Diagram

answered on 24 Feb 2017

0 answers

85 views

Problem with the Drop Down list Column of the grid

Hi,

I am Using grid control from Telerik UI For asp.net MVC, Grid works fine in loading the data, but the problem come when we try to edit or create a new record with in the grid. When I try to edit the grid Drop down columns as shown as a text box with ID values.

There are couple more problems

1. Filter is not working as expected.

2. Filter is not populating data and not able to select the items from dropdown list.

3. add new and click on update button the controller is not getting value that were submitted.

4. on editing and saving a record the action method is not fired.

please help with above issues.

Please fin the attached file for more info.

Map