How to set multiple date in the calendar with mvvm.
I have my calendar :
<
div
id
=
"calendar1"
data-role
=
"calendar"
data-bind="value: Cvalue,
dates: Csource,
events:{change: ConChange}">
</
div
>
JS, view model:
Cvalue:null,
Csource:[],
Conchange:function(){
}
Csource contains:
[
{"nome":"1"},{"data":"21/112017"},
{"nome":"2"},{"data":"22/112017"},
{"nome":"3"},{"data":"26/112017"},
{"nome":"4"},{"data":"28/112017"},
{"nome":"5"},{"data":"29/112017"}
]
Cain i see this dates with different color in the calendar?
and at onChange of day, i'd like to print the name of date;
What I assumed would be fairly straightforward has vexed me for several days now -
I'm trying to pass the Expression Preview string along with some additional custom security vars when the filter is loaded and obviously when re-applied.
I've tried filter.getOptions, sender._previewContainer, I even tried $( '.k-filter-preview' ).text() but I am running into issues of inconsistency regarding timing of availability.
My JS/jQuery is mediocre as its really only been my secondary, or even tertiary, approach of choice, until very recently so feel free to add ...dummy to an suggested resource. :)
Thanks.
Hello.
I'm developing with Kendo Grid and I have a question about styling cell of every row.
I've already read some articles to style every cell in databound event.
Can I add styling rule in JSON Data Passed to Kendo Grid?
In my case I have a datatable(vb.net) that I convert to json before pass to kengo grid.
My datatable has 3 column and 50 rows.
1° col: Name / 2° col: Surname / 3° col: Style.
Every row can have a different "Style" content. "Style" is the style that I need to apply to 1° and 2° column.
Example:
PAUL BEAN color:red;
STEVE JOBS text-align:center;
SAM SMITH background-color: green;
{"data":[{"Name": "Paul", "Surname":"Bean","Style":"color:red"}, {"Name": "Steve", "Surname":"Jobs","Style":"text-align:center"}, {"Name": "Sam", "Surname":"Smith","Style":"background-color: green;"}]}
Can you explain If is possibile styling on json "data"?
I've already use databound event and I Iterate every rows but it is very slow.
Are there any alternatives?
thanks!
Hello,
I'm working on an app that needs to display Kendo Recurrence Editor as read-only mode. Is the component have read-only option?
Example on the attached image.
Thanks,
When the spreadsheet loads, the width loads perfectly well and it automatically adjusts to browser resizing. Awesome sauce.
Is there a way to coax the height of the widget to do the same? Something like a height:100% so it happily resizes.
The default height of the spreadsheet leaves lots of space.
The multi day events in the month view render correctly and receive all the properties (color, link, title, etc) in the month view but do not get them in the day view. I'm getting the title of the item in the All Day table but am not getting the event color, or url. Single day items display correctly in both month and day view.
@(Html.Kendo()
.Scheduler<EventDetailViewModel>()
.Name(
"schedule"
)
.Editable(
false
)
.Selectable(
true
)
.Date(scheduleDate)
.ShowWorkHours(
false
)
.StartTime(
new
DateTime(scheduleDate.Year, scheduleDate.Month, scheduleDate.Day, 7, 00, 00))
.EndTime(
new
DateTime(scheduleDate.Year, scheduleDate.Month, scheduleDate.Day, 22, 00, 00))
.Views(views =>
{
views.MonthView();
views.DayView();
})
.EventTemplateId(
"eventTemplate"
)
.DataSource(d => d.Model(m =>
{
m.Field(f => f.EventID);
m.Field(f => f.EventStartTime);
m.Field(f => f.EventTitle);
m.Field(f => f.EventCategory);
m.Field(f => f.EventColor);
m.Field(f => f.EventUrl);
}))
.BindTo(events)
.Deferred(
true
)
)
<script id=
"eventTemplate"
type=
"text/x-kendo-template"
>
<a href=
"#= EventUrl #"
class
=
"calendar__link"
title=
"#= EventTitle #"
data-category=
"#= EventCategory #"
data-color=
"#= EventColor #"
>
<span
class
=
"calendar__title"
>#= EventTitle #</span>
<span
class
=
"calendar__time"
>#= EventStartTime #</span>
</a>
</script>