Hi,
I have an observable array of observables which is linked to a kendo grid as datainput. I am trying to sort it by clicking on column header. I have made the sortable : true. But the issue is when the array is 

self.array = ko.observableArray([{ Cabin: 'eco' }, { Cabin: 'taper' }]); The sorting works

But If the array is 
self.AllocArray = ko.observableArray([{ Cabin: ko.observable('eco') }, { Cabin: ko.observable('taper') }]); then the sorting doesn't work.

Is there any possible solution around this?

Many thanks,

Jason

Hello,

 

I am working with diagrams and I need to replace connection textbox for a link.

I tryed setting content, template and visual, but nothing worked.

That does not work, the id I set to the group doest not appear in the HTML :/

Is there anyway to do it?

 

Thanks!

I am trying to remove the default upload and clear button using mvvm ?

 

<input id="files" name="files"
           type="file"
           data-role="upload"
           data-async="{ saveUrl: '@Url.Page("/FADT")?handler=FileUpload',  autoUpload: false, multiple:false }"
           data-bind="visible: isVisible,
                            enabled: isEnabled,
                            events: { select: onSelect,  cancel: onCancel, complete: onComplete, success: onSuccess, upload: onUpload }">

 

how do I do that ? Can I use a template with MVVM if so how ?

 

Hi,

 

I am trying to add row level filter textbox while generating dynamic columns and models.

 But, I am not able to make the row level filter while generating the dynamic columns and models.

If I add filterable: {mode: "row"} this is code in my project, the grid is not loading and showing some error.

I used below code for this issue.

Please help me to resolve this issue.

 

 

var model = self.generateModel(gridData);
            var filter = self.filterdateFN(gridData);
            var grid = $(ele).kendoGrid({
                toolbar: ["excel"],
                excel: {
                    allPages: true,
                    fileName: kendo.toString(kendo.date.today(), 'yyyy-MM-dd') + ".xlsx",
                },                
                dataSource: {
                    data: gridData.Data,
                    model: model,
                    pageSize: 50
                },
                resizable: true,
                batch: true,
                pageable: true,
                pageable: {
                    pageSizes: [10,20, 50, 100],
                    numeric: false
                },
                sortable: {
                    compare: customCompare
                },
                groupable: true,
                scrollable: true,
                filterable: {mode: "row"},
                detailInit: grid_detailInit,
                columns: ColumnGeneration(gridData.Data[0]),
                excelExport: _VM_Layout.excelExport,
                dataBound: function (e) {
                    if (self.loadonPannelClick() == 1) {
                        $('.k-grid-content').height(350);
                    }
                    else {
                        $('.k-grid-content').height(150);
                    }          
                   var grid = this;                
                    var dataSource = $(ele).data("kendoGrid").dataSource;
                    if (!dataSource.data()[0].HierarchyData) {
                        grid.wrapper.find('table colgroup col.k-hierarchy-col').width('0px');
                        grid.table.find('colgroup col.k-hierarchy-col').width('0px');
                        grid.tbody.find("td.k-hierarchy-cell a").removeClass("k-icon k-i-expand");
                    }

                    $(".lnkPanelDocument").click(function (e) {
                        
                        e.stopImmediatePropagation();
                        var grid1 = $(ele).data("kendoGrid");
                        var row = $(this).closest("tr");
                        var dataItem = grid1.dataItem(row);
                        self.ViewFile(dataItem);

                    });
                }
            }).data('kendoGrid');

 

Hi,

In Gantt Chart Day mode, when I scroll timeline part in Day mode, I can't see the Date, hours are only visible (as you can see in attached screenshot).  Can I fix this issue any way?? Fix date after scrolling or something else?? 

 

Thanks in advance.

Hello,

In my solution, I use AngularJs and package @progress/kendo-ui@2018.2.704.

Today I updated the package to latest version and I encountered weird issue regards to kendo dropdownlist.

In place where we use brackets and property name like {{property}}, kendo instead of displaying property value shows {&zeroWidthSpace;{property}&zeroWidthSpace;}.

omegle, cps test

Does anyone know what was changed and produced that issue and how I can fix that?

Hi

I'm having an issue with persist states and custom command buttons

Please see this dojo code here

http://dojo.telerik.com/oraTI

To replicate the issue

- If you run the code and press any of the Edit buttons you get a 'clicked' alert message.
- Then press 'Save State' to save the grid state to local storage - you should see a 'saved' alert message
- Then run the code again, which will load the localStorage after the grid has loaded - you should see a 'loaded' alert message
- Now if you click the 'Edit' button nothing happens

The state is laoding fine and adjusting the grid display correctly as per the saved sate, but the custom buttons don't work.

Any suggestions on how to get this working?

Thanks

Dave

Something like Open Edge Appbuilder for screen design etc ideally with good match for the Kendo "WIdgets" for designing Forms

I have a kendo upload on one of my forms. This upload button has the following async, multiselect, autoUpload = false, batch = true. The problem I am running into is if the user selects 5 files, but meant to only select 4, they click the remove icon for that row.

I am having issues removing that file from the file portion of the upload control. If I select 5 and then remove them all, the upload is still acting as if all 5 are there. kendoUpload.getFiles() is always showing me every file they selected.

 

Just be clear, I am trying to remove a file from memory before the user fully uploads them. The process is that they select the files, the files populate a grid, and then once the user is ready they click an 'upload' button that will fire off the server call. Prior to them clicking upload everything is client side.

I have an application that displays a donut graph with 3 sections. My goal is to highlight the proper section of the graph when the correlated button is clicked. Attached is a relevant image. If the user clicks the 'No Issue' button below, I would like the green portion of the graph to be highlighted. I'd like similar functionality for the other buttons as well. Is this possible? I've perused the docs and have come across various highlighting information, but nothing related to "turning on the highlight" on button click.