Telerik Forums
Kendo UI for jQuery Forum
3 answers
475 views

Hi,

 

We had been using kendo spreadsheet with heavy load of data around 200+ columns and 500+ rows on one sheet. Each cell width and height is around 10 - 15px respectively which we want user to overview their data. Hence, displaying and rendering a lot of cells of data which will cause overloading of memory and performance. The problem is we also keep fetching and rendering the data from server after some modification. This causing the website will drop framerate and causing the website "not responding" for few seconds.

Is there any solution to render the spreadsheet "smoother"? And we are thinking of solution to render the spreadsheet at the background but not sure how. OR is there other solution or component to load this heavy load of data? Any solution is welcome.

 

Thanks,

Fungus.

 

Neli
Telerik team
 answered on 28 Jan 2021
2 answers
783 views

Hi,

in my website I need the bootstrap.min.css, v3.3.6.

Now I want use the Filter Multi Checkboxes, but the formatting between checkboxes and text is not correct with:


see dojo: https://dojo.telerik.com/eVaqEkOV and click on a filter symbol.

Is there a solution to add bootstrap.css v3 and get correct formattion of the text of the Filter Multi Checkboxes?

Best regards,

Peter

 

Preslav
Telerik team
 answered on 28 Jan 2021
1 answer
513 views

How can i use DataSource in RadioGroup instead of static data items ?

In below code instead of hard coded items i want to use the Datasource so that the Radio optoion get rendered based on data returned by API.

                       {
                        field: "RadioGroup",
                        editor: "RadioGroup",
                        label: "Select User:",
                        validation: { required: true },
                        editorOptions: {
                            items: [{"label":"Admin","value":"1"}, {"label":"Admin 2","value":"2"},{"label":"Admin 3","value":"3"}],
                            layout: "horizontal",
                            labelPosition: "after"
                        }
                    }

Neli
Telerik team
 answered on 28 Jan 2021
2 answers
1.2K+ views
How can i use DataSource in CheckboxGroup instead of static data items ?

In below code instead of hardcoded items i want to use the Datasource so that the Checkbox get rendered based on data returned by API.

I tried to put "dataSource" element instead of items but no luck

Can you let me know how we can achieve this ?

                 {
                        field: "CheckBoxGroup",
                        editor: "CheckBoxGroup",
                        label: "Select Status:",
                        validation: { required: false },
                        editorOptions: {
                            items: ["English", "Russian", "Spanish"],
                            layout: "horizontal",
                            labelPosition: "before"
                        }
                    }
Neli
Telerik team
 answered on 28 Jan 2021
10 answers
795 views

Hi according to this doco, the grid should be copyable (as per allowCopy field) when "set to true and selection of the Grid is enabled"

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-allowCopy

But in your own Dojo, meant to illustrate the feature, it doesn't work (try copying a cell and check your clipboard):

http://dojo.telerik.com/acedo

I can get it to work, however, if I set the selectable property to just 'row', but 'multiple,row' stops it working.

I think there's a bunch of combination that don't work and some that do.

Do you acknowledge this as a bug, or does the documentation need to be clearer.

 

Preslav
Telerik team
 answered on 27 Jan 2021
2 answers
155 views

I have a TreeList that I am able to load with specified branches opened and rows selected using local data.  However, if I access the same data from a remote source, the TreeList populates correctly but none of the specified branches and rows perform as they should.  I have illustrated this problem at https://dojo.telerik.com/@rswetnam/AtILeDOT.

I believe it may have to do with the fact that the remote data is generating a list while the local data is generating an array - but am unable to figure out how to resolve this.  Any help would be greatly appreciated.  

 

nb - this thread follows up on thread https://www.telerik.com/forums/open-specific-treelist-node-upon-page-load---one-level-deep-only which was successfully resolved.

Roger
Top achievements
Rank 2
Veteran
 answered on 27 Jan 2021
6 answers
536 views

I would like to be have a particular TreeList node open upon page load when the id of the row/node that I want opened was passed in as a parameter and want only first child row opened.  I have cloned  Expand Selected Nodes Example" in the documentation and started this process at https://dojo.telerik.com/@rswetnam/igOwIcUk/8.  

Any help in figuring out how to complete this so that I am able to pass in the parameter (in this case 2 for condiments) instead of clicking on the node I want to expand would be greatly appreciated.

Tsvetomir
Telerik team
 answered on 26 Jan 2021
7 answers
1.9K+ views
I have the following view (following the guidance here: http://www.kendoui.com/blogs/teamblog/posts/12-10-25/using_kendo_ui_with_mvc4_webapi_odata_and_ef.aspx), and although I can see in Fiddler that the OData request is correct and sends back what looks to be perfectly good JSON, the grid remains empty with "No items to display". What am I missing?

    
<div id="grid"></div>
 
<script>
    $(function() {
        $("#grid").kendoGrid({
            dataSource: {
                serverFiltering: true,
                serverPaging: true,
                serverSorting: true,
                type: "odata",
                transport: {
                    read: {
                        url: "/api/LegalEntity",
                        dataType: "json"
                    },
                    parameterMap: function(options, type) {
                        var paramMap = kendo.data.transports.odata.parameterMap(options);
                        delete paramMap.$inlinecount; // <-- remove inlinecount parameter.
                        delete paramMap.$format; // <-- remove format parameter.
                        return paramMap;
                    }
                },
                schema: {
                    model: {
                        fields: {
                            Name: { type: "string" }
                        }
                    },
                    data: function(data) {
                        return data; // <-- The result is just the data, it doesn't need to be unpacked.
                    },
                    total: function(data) {
                        return data.length; // <-- The total items count is the data length, there is no .Count to unpack.
                    }
                },
                pageSize: 10
            },
            height: 430,
            filterable: true,
            sortable: true,
            pageable: true,
            columns: [{
                field: "Name",
                filterable: true
            }]
        });
    });
</script>

jp2code
Top achievements
Rank 1
Veteran
 answered on 26 Jan 2021
5 answers
82 views

Hi,

i'm having this issue, shown in the image category_render_error.png.

the all day event is being rendered according to category(as shown in different colours). I was expecting the green events to be rendered first followed by the turquoise event. But it doesn't work like this in this case. 

How to choose which category of all day event to be rendered first? i want to show all the green ones followed by turquoise.

Also, referring to category_render_error2.png , "C on leave" and "D on leave" event should use up the whole row, but the "Seminar" and "Z last day" is overlapping the green colour events.

 

can i know how to change the font colour and background colour of each of the category event?

thank you.

 

 

Martin
Telerik team
 answered on 26 Jan 2021
5 answers
3.4K+ views

It seems that your TextBox control/widget only has the change event handler, so I would like to know how to (natively) extend the TextBox widget adding identical functionality for eg. keyup, keydown etc.

The pattern I'm asking about is this:

kendo.ui.TextBox.extend({ ?? })

So that I can use the event handler in both initialization and after:

$("#myTextBox").kendoTextBox({
    label: "Name",
    value: "Hello World!",
    change: function() { alert("Changed!"); },
    keyup: function() { alert("KeyUp!"); },
});

- AND -

$("#myTextBox").data("kendoTextBox").bind("keyup", function(e) { alert("KeyUp!"); });

I know that I could simply do something like below, but I need to be able to do it on initialization - and I don't think it is as clean as extending the generic way.

$("#myTextBox").bind("keyup", function(e) { alert("KeyUp!"); })

Georgi Denchev
Telerik team
 answered on 26 Jan 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?