Telerik Forums
Kendo UI for jQuery Forum
1 answer
24 views

We have been using an older version of your libraries from 2021 and decided to update it to the current one.

We have a grid and we have been using server-side filtering/sorting/etc... In the old version there used to be syntax like this: 

filter: RequestStatus~eq~1~and~PersonFullName~contains~'Steve'

 

We took this string, parsed, and processed the data. However, with the update, this is no longer the case. Now it looks like this:

And we are clueless on how to properly parse and or process this format on our back end.

 

This is the code that we use on the front end to query the back end.

    gridDataSource = new kendo.data.DataSource({
        serverFiltering: true,
        serverGrouping: true,
        serverSorting: true,
        serverPaging: true,
        serverAggregates:true,
        pageSize: 25,
            transport: {
                read: {
                    url: __config.baseUrlAbsolute + "Requests/Home/GetCurrentViewRequests",
                    dataType: "json",
                    data: function () {
                        return {
                            type: requestTypesList[requestType],
                            id: personId,
                        };
                    }
                }
            },
    });
    })

 

Our backend is .NET MVC and this is the method that we have used to process the request. But this no longer works.

 public string GetCurrentViewRequests([DataSourceRequest] DataSourceRequest request, int type, int id)
 {
       var filters = Request.Params.Get("filter");
       var groups = Request.Params.Get("group");
       var sorts = Request.Params.Get("sort");

       //Process
}

 

Would you be so kind as to point us in the right direction on how to properly parse and process the request?

Neli
Telerik team
 answered on 22 May 2024
0 answers
7 views
The selected value in the comboBox may not always reflect what the client entered due to a timing issue. For instance, if the client enters a value and presses enter before the filtering process is completed, they may not receive the intended value. Instead, they may receive the top value in the filtered results.

Does anyone know a dependable solution to resolve this issue?
Noah
Top achievements
Rank 1
 asked on 21 May 2024
2 answers
36 views
The latest version of Firefox released yesterday appears to have broken navigating between views in the Hybrid UI. Upon changing views the page goes blank. I am seeing this also happen in the demos: https://demos.telerik.com/kendo-ui/m/index
Nikolay
Telerik team
 answered on 21 May 2024
1 answer
10 views

I would like to conditionally bind and unbind events from a kendo UI multiselect's select event. The component was initialized with a select event that must always be fired regardless of the conditions being met. In standard JQuery, I can give an event a namespace such as select.myconditionalevent. Later I can unbind that using that same namespace. Unfortunately, I tried this with the Kendo Multiselect and it didn't work. How would you suggest I add an event that I will later take away, without affecting the initialized event? I can't use the enable disable because I need them to be able to open the dropdown and see what they selected (it is single tag mode and there isn't room on the UI to display a bunch of tags)

Example: 
If (!canSelectStuff) { bind event }

else { unbind myconditionalevent }

Neli
Telerik team
 answered on 21 May 2024
1 answer
11 views
I seem to be having a problem with the line height tool when using the inline editor.  In the Dojo example here, I put the line height tool into both editors.  When trying to use the tool, the selected text becomes unselected and it seems that it only recognizes the first line in the editor to change the height.  Please let me know if line height can work with the inline editor.  Thanks.
Georgi Denchev
Telerik team
 answered on 20 May 2024
0 answers
9 views
The below code where I getting the list of data from List c# method and all the data is properly binding with all the columns property. But the problem is when I am passing a hrtotal and it is not setting dataBond property.
<div id="totalHours">
</div>

<script>
var griddataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: '@Url.Action("List", "GLID")',
                    dataType: "json",
                   success: function (result) {
                    var totalHours = result.totalhr;
                   }
                },
            schema: {
                data: "data",
                total: "total",
              }
});

griddataSource.read();
        $("#grid").kendoGrid({
            dataSource: griddataSource,
            toolbar: ["excel"], 
            dataBound: function(e) {
                    resizeGrid(e);
                    var totalHours =  e.totalhr; // ****** I want to update the value of totalHour
                    $("#totalHours").text("Total new Hours: " + totalHours);
            },
            columns: [
            ]
        });
</script>

The below code is JsonResult List() method where I am passing totalhr through json.
var totalHours = list.Sum(item => item.Hours);
return Json(new { total = total, totalhr = totalHours, data = data }, JsonRequestBehavior.AllowGet);
Muhammad Tufail
Top achievements
Rank 1
 asked on 19 May 2024
1 answer
12 views

We are currently experiencing a rendering issue with the KendoUI TreeView component, version 2019.2.703, on Project Server Online. This problem arose following a recent update to Project Online, which introduced a change in how the WebComponentsIcons font, used for icon rendering, is managed in the cloud environment.

 Issue Details:

Previously, the grid component functioned correctly. However, after the update, labels in combo boxes that contain hierarchical items (years and months in our case) are not displaying correctly. Specifically, the label for the year is now rendering "behind" he checkbox and is only partially visible within the interface.

 See attachment: TreeView_err1.png

Attempted Fixes and Complications:

We attempted a solution that successfully made the year label visible again modifying the style of the class .k-treeview .k-in (setting the Font Family and size).

.k-treeview .k-in {
    border-radius: 0;
    margin: 0;
    padding: 4px 8px;
    border: 0 solid transparent;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    position: relative; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
  }

However, this adjustment led to an unintended change in the Document Object Model, and an empty <span> cover the checkbox and partially blocked the selection of the checkbox.

See attachment: TreeView_err2.png

To avoid the conflict between the checkbox and the empty span we modified the style of the .k-icon class changing the display from inline-block to display: contents;

Now, the trigger, originally on the triangle icon for showing/hiding child items (months), is incorrectly positioned above the checkbox for selecting the year. This results in all child items being expanded and displayed when the parent is selected, which is not the desired behaviour.

 See attachment: TreeView_err3.png

Attachments:

Please find attached screenshots for a better understanding of the issues described.

Request:

Could you please investigate this behaviour? Any suggestions on how to correct the year label rendering without affecting the functionality of the child item display would be greatly appreciated.

Martin
Telerik team
 answered on 17 May 2024
1 answer
16 views

Hi Team,

Is there any way to set the pattern color and pattern style of a cell before exporting to excel using jQuery?

Thanks,

Julian A

Nikolay
Telerik team
 answered on 16 May 2024
1 answer
15 views

I've got a kendo bar chart that I'm applying a font to but when I do, the labels are no longer aligned. using the default for the chart renders fine. How do I fix this? 

 

 

Neli
Telerik team
 answered on 16 May 2024
1 answer
11 views

Hello

I want to use the REST settings to do the updates. So I have a question while using saveChanges on grid
I want to each submit for created, updated, and destroyed, is there a way?

If there is a create row and an update row, I want to run only create.
After defining transport.create, transport.update as function and receiving only create data and doing e.success(data), update row exists and update function is also executed, and I wonder if I can return it here
If possible, create row should be in the saveChange state and update row should remain the same
Neli
Telerik team
 answered on 16 May 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?