Questions on Kendo UI for jQuery Forum

1 answer

267 views

Append item to ListView and Refresh the ListView viewable items

I am having problem with adding new items to the ListView.

I have the following:

var data_source = new kendo.data.DataSource({

data: [

{id: "1", title: "Monday meetingb1", count: 0 },

{ id: "2", title: "Monday meeting2", count: 0 }

]

});

I initialized the ListView with the dataSource, appendOnRefresh: false and autoBind: true.

How do I add a new item to the dataSource and force the ListView to refresh it's items in the list? (append and refresh doesn't work for me)

General Discussions

answered on 01 Nov 2013

1 answer

483 views

Tabstrip remember previously selected tab

I am using the ASP.Net server wrappers. Is there a simple way to set a tabstrip so that it defaults to the previously selected tab when returning to a page?

Thank you

TabStrip

answered on 01 Nov 2013

2 answers

189 views

[Solved] IE 8 Browser Support

Hi there,

Is IE 8 supported by the QR Code control? We're currently using scripts from version 2013.2.918 and we get this warning:

Warning: KendoUI DataViz cannot render. Possible causes:
- The browser does not support SVG, VML and Canvas. User agent: Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)
- The kendo.dataviz.(svg|vml|canvas).js scripts are not loaded

Followed by an error in our qr code min file:
SCRIPT5007: Unable to set property 'children' of undefined or null reference

Just wanted to confirm if this is expected based on the version we're using. IE 9 and up works just fine. Thanks.

QRCode

answered on 01 Nov 2013

1 answer

180 views

Different style (margin) based on position setting

I have a series of dynamically created tooltips that are initiated when clicking a small icon. The tooltips all have a default position of "right". To ensure that the tooltip doesn't cover the icon when opening I gave it a bit of a right margin to the outer div of 10px. For the vast majority of the tooltips it works perfectly. The problem arises when the icon that you click is on the right side of the page, and the tooltip opens to the left of the icon because otherwise it would push off the screen (that I'm guessing is the default behavior). Unfortunatly, when it does open to the left of the icon it still takes on the margin setting and then completely covers the icon that you clicked to open it.

My question is how do I give anything that open on "position right" a different style than items defaulting to the "position left". I've reviewed the Tooltip API, but don't see anything for a scenario like this.

Thanks,
J

ToolTip

answered on 01 Nov 2013

7 answers

2.7K+ views

Template function For Grid Columns(This should be documented)

Hello,
I'm posting something that should be highlighted in the documentation.
A great feature i discovered playing with the source code.
You can assign, not only a string to a COLUMN.template ( es. #= column_a # ) , but also a function.
This function has a parameter that is the current-row data item.
So no need for complicated strings, escaping, conditional clause inside strings...
Just put your logic in this function and return just the formatted value
You can even return the classic string template that is parsed by the kendo template engine.

Templates

answered on 01 Nov 2013

1 answer

231 views

Column filter dropdownlist containing available values

Hello,

I see how to specify a dropdownlist for a column filter, however it appears to require a data source for the list items. Is it possible to specify that this data source be the unique values in the column being filtered on?

Thanks,
Gary

Grid

answered on 01 Nov 2013

1 answer

103 views

Can't log into account using Google chrome

Not sure what the problem is, but here is my JS Console out put from Chrome while I try to log in.

General Discussions

answered on 01 Nov 2013

9 answers

1.1K+ views

Example of Stacked Bar Chart using Remote Data

I want to map different 'Series' on 'Stacked Bar Chart' at run time utilizing remote JSON file.

My JSON file include following attribute Project ID, Year, Month and Expense. No. of projects is decided at run time.

[{"ProjectID":1,"Year":2011,"Month":11,"Expense":202.02},{"ProjectID":1,"Year":2011,"Month":12,"Expense":266.91},{"ProjectID":1,"Year":2012,"Month":1,"Expense":274.91},{"ProjectID":1,"Year":2012,"Month":2,"Expense":287.3},{"ProjectID":1,"Year":2012,"Month":3,"Expense":279.47},{"ProjectID":5,"Year":2011,"Month":11,"Expense":261.16},{"ProjectID":5,"Year":2011,"Month":12,"Expense":258.13},{"ProjectID":5,"Year":2012,"Month":1,"Expense":315.84},{"ProjectID":5,"Year":2012,"Month":2,"Expense":344.66},{"ProjectID":5,"Year":2012,"Month":3,"Expense":346.18}]

I have seen the example on the Demo Page in which 'Series' is mapped to the field names.

series:
[{
field: "nuclear",
name: "Nuclear"
}, {
field: "hydro",
name: "Hydro"
}, {
field: "wind",
name: "Wind"
}],

Is it possible to bind 'Series' by specifying fields along with values like

series:
[{
field: "ProjectID=1",
name: "My First Project"
}, {
field: "ProjectID=5",
name: "My Fifth Project"
}, {
field: "ProjectID=8",
name: "Most Eighth Project"
}],

Thanks!

Charts

answered on 01 Nov 2013

1 answer

176 views

Grid Batch Editing

I am using the Kendo Grid Batch Editing Tool. I do not want to use the create button. I want to save(create) the records if the do not exist and if they do exist I want to update the records.

This should all be performed under the update function.

Basically I want to combine the following lines of code somehow:

xxx.Entry(entity).State = EntityState.Added;
xxx.Entry(entity).State = EntityState.Modified;

Grid

answered on 01 Nov 2013

5 answers

408 views

[Solved] Show week number in custom view

Hi!

i am creating a custom schedule view like that:

var SchedulerWeekView = kendo.ui.MultiDayView.extend({

options: {

selectedDateFormat: "{0:D} - {1:D}"

},

nextDate: function () {

var startDate = this.startDate();

return new Date(startDate.setDate(startDate.getDate() + 7));

},

previousDate: function () {

var endDate = this.endDate();

return new Date(endDate.setDate(endDate.getDate() - 7));

},

name: "SchedulerWeekView",

calculateDateRange: function () {

var selectedDate = this.options.date,

start = kendo.date.dayOfWeek(selectedDate, this.calendarInfo().firstDay, -1),

idx, length,

dates = [];

for (idx = 0, length = 7; idx < length; idx++) {

if (start.getDay() <= 5 && start.getDay() > 0) {

dates.push(start);

}

start = kendo.date.nextDay(start);

}

this._render(dates);

}

});

I would like to show the week number on selectedDateFormat. Right now it shows: {week start date} - {week end date}.
Is that possible to change format to show the week number?

Thanks!

Scheduler

answered on 01 Nov 2013