Telerik Forums
UI for ASP.NET MVC Forum
1 answer
114 views

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.

sandy
Top achievements
Rank 1
Iron
Veteran
 answered on 07 Dec 2020
2 answers
196 views

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>
Allan
Top achievements
Rank 1
Veteran
 answered on 07 Dec 2020
4 answers
381 views

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.

Anton Mironov
Telerik team
 answered on 04 Dec 2020
7 answers
814 views

 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>
var grid = $("#gridEmployeeMaintenance").data("kendoGrid").dataSource;

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 printableContent = ""; 

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

Alex Hajigeorgieva
Telerik team
 answered on 03 Dec 2020
6 answers
596 views

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

 

Eyup
Telerik team
 answered on 02 Dec 2020
1 answer
1.3K+ views

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!

George Gindev
Telerik team
 answered on 30 Nov 2020
2 answers
94 views
I really like the way the default filter buttons work in the Telerik grid.  I want to have a similar experience on other pages of my application.  Is there anything prebuilt to use these filters on a search form or do I need to build everything from scratch using each individual component?
Dave Wolf
Top achievements
Rank 1
Iron
 answered on 30 Nov 2020
1 answer
265 views
Kendo tooltip overlaps the menu items. Any help is appreciated. Thank you.
Petar
Telerik team
 answered on 30 Nov 2020
1 answer
978 views

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

Anton Mironov
Telerik team
 answered on 27 Nov 2020
2 answers
3.5K+ views

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);

 

 


Anton Mironov
Telerik team
 answered on 27 Nov 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?