Hi,
Json data is like below.
[{"EmpName":"A","ProjectName":"2020 PS","Hours":135},
{"EmpName":"B","ProjectName":"2020 PS","Hours":25},
{"EmpName":"B","ProjectName":"NIHKNOT","Hours":92},
{"EmpName":"B","ProjectName":"TIME OFF","Hours":47},
{"EmpName":"C","ProjectName":"SYSADMIN","Hours":186},
{"EmpName":"C","ProjectName":"TIME OFF","Hours":32},
{"EmpName":"D","ProjectName":"BHP1MTRP","Hours":198},
{"EmpName":"D","ProjectName":"BHP2MTRP","Hours":19},
{"EmpName":"D","ProjectName":"BHP3MTRP","Hours":98},
{"EmpName":"D","ProjectName":"BHP4MTRP","Hours":8},
{"EmpName":"E","ProjectName":"2020 PS","Hours":124},
{"EmpName":"E","ProjectName":"BHMOSTRT","Hours":12}].
i want to display above data in column chart with group by Employeename column.
Hello,
I am having an issue, where I am not able to display the reccurence pattern in my cusom EditorTemplate.
The pattern is being read fine from my database, and the tasks are being shown correctly in the Scheduler. The recurrence is just not being showed, when I click on a task - see picture 1 (danish). I want to display the recurrence, like shown in the Scheduler demo - see picture 2.
The reccurrence pattern is being read from my database, and is bound via a string property to the Html.Kendo().RecurrenceEditorFor.
Hope you can help me.
<!-- RECCURENCE -->
<div
class
=
"k-edit-label"
>
@(Html.LabelFor(model => model.RecurrenceRule,
"Gentagelser"
))
</div>
<div data-container-
for
=
"recurrencerule"
class
=
"k-edit-field"
>
@(Html.Kendo().RecurrenceEditorFor(model => model.RecurrenceRule)
.Name(
"recurrenceEditor"
)
.HtmlAttributes(
new
{ data_bind =
"value:recurrencerule"
})
)
</div>
Hi.
i have a data source (which contains 2 columns and it contains around 50 rows only) and applied to kendo multi select and keno column chart.
now i want to apply same data source to kendo grid mvc with aggrigate functions and paging options.
Hi,
I have a grid with paging and I need to print all the pages of that grid.
I have already tried with your previous threads' solution. But they didn't work. In one solution it was suggested to use the solution like below:
<p><span style=
"line-height: 1.5;"
>
var
grid = $(
"#gridEmployeeMaintenance"
).data(
"kendoGrid"
).dataSource;</span></p><p><span style=
"line-height: 1.5;"
>grid.pageSize(grid.total());</span></p>
grid.pageSize(grid.total());
After printing set the pagesize to previous.
But the above solution didn't work. My current try is like below. It also doesn't work. In the loop "gridElement.clone()[0].outerHTML" always get the contents of first page even the page number is set to 2 or 3.
<p>
var
printableContent =
""
; </p><p>
var
pages = getPageTotalNumber($(
'#gridEmployeeMaintenance'
));</p><p>
var
gridElement = $(
'#gridEmployeeMaintenance'
);<br><br>
for
(
var
index = 1; index <= pages; index++) {<br> gridElement.data(
"kendoGrid"
).dataSource.page(index);<br> printableContent += gridElement.clone()[0].outerHTML;<br> }</p>
var pages = getPageTotalNumber($('#gridEmployeeMaintenance'));
var gridElement = $('#gridEmployeeMaintenance');
for (var index = 1; index <= pages; index++) {
gridElement.data("kendoGrid").dataSource.page(index);
printableContent += gridElement.clone()[0].outerHTML;
}
Please suggest me any suitable solution.
Thanks
I found a few threads where Telerik responded that this feature was being implemented, and the threads were from around 2014 I think. I have not found any threads with examples of how this is done, so not sure if it was ever implemented? An example of what I'm looking for is attached.
Thanks
I testing Telerik for our application and it looks very promising right now.
I creating an alarm list based on the Kendo grid generated at server side in .NET Core 3.1. One of the column is called alarm class and we need to select different css for the row depending on this value. Eg alarm class 3 = Fatal = Red background and bold font, alarm class 1 = information = White background and normal font etc.
Is this possible and if so, how to I implement it?
Thank's in advance!
Hi there,
I have a grid with an excel export. I'm filtering the data source of the grid in javascript via some drop down lists. The filtering is done via the server. To be clear the when the grid's data source has been instructed to read it scrapes values from the filters using the .data() method and sends the filters values with the read request.
When I export to excel I noticed that it always returns the initial amount of data bound to the grid i.e. I have three rows when the page loads, I filter down to one row then export to excel and it returns all three rows. I noticed that when the export was happening it seemed to be exporting whatever was in the datasource options.data. I've found a workaround which is
var settings = {};
$(me.selectors.excelExport).on('click', function() {
var $this = $(this),
$grid = $this.closest(me.selectors.role),
grid = $grid.data(me.name);
if (grid) {
settings = grid.dataSource.options.data;
grid.dataSource.options.data = grid.dataSource.view();
}
});
on clicking export to excel i change the grid's datasource.options.data to be the current "view" of data and i store the original data.options.data.
var grid = $(me.selectors.role).data(me.name);
if (grid) {
grid.bind(me.events.excelExport, function(e) {
grid.dataSource.options.data = settings;
});
}
then after the export has finished I then restore the datasource.options.data with the value i stored before.
Should I need to do this or am I misunderstanding something?
Please let me know if you need additional information or if I've not been clear enough.
Thanks
Tom
Im trying to add a feature to an existing app that is using a rather dated Kendo version 2015.3.1111
I need to add a checkbox that when clicked will check or uncheck all checkboxes in the rows. I'm aware of a newer feature in the 2017+ libraries, but for now we can't update this app. So with jQuery, Ive looked at several examples, but its all over the place. Help? Examples?
My client and header template
columns.Template(@<
text
></
text
>).ClientTemplate("<
input
type
=
'checkbox'
id
=
'gridCheckbox'
onclick
=
'handleClick(this);'
value
=
'#= LineItemId #'
#= Selected ? 'checked':'' #
class
=
'chkbx'
/>")
.HeaderTemplate("<
input
type
=
'checkbox'
id
=
'masterCheckBox'
onclick
=
'checkAll(this)'
/>").Width(50);