Questions on Kendo UI for jQuery Forum

12 answers

37.1K+ views

[Solved] Pass additional parameters to Read ajax datasource method - MVC

Hi,

I want to pass an additional parameter to my Read ajax method from Grid along with currently passing the controller name and method name.

Currently I have something like below in my cshtml file:
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(5)
.Model(model => model.Id(m => m.Id))
.Create(create => create.Action("Create", controllerName))
.Read(read => read.Action("Read", controllerName))
.Update(update => update.Action("Update", controllerName))
.Destroy(delete => delete.Action("Delete", controllerName))
)
And my Action method is below:
public ActionResult Read([DataSourceRequest] DataSourceRequest request)
{}

Please can you show my how to pass addtional parameter (i.e Id) in Grid for Read operation and how to handle it in corresponding Controller?

Thanks,
Nirav

Grid

answered on 14 Jun 2022

1 answer

397 views

How to remove pager dropdown in redo grid?

Since I've updated to the latest version of kendo, a dropdown has appeared in my grids, next to the buttons to choose a page, that allows a user to choose a page. I would rather not have this dropdown. Is there any way to remove it?

Grid

answered on 14 Jun 2022

1 answer

191 views

JQuery Future

We are planning our future development and we will have to migrate our desktop application suite to web application.
We are using Kendo UI for JQuery right now, and reviewing your roadmap it seems like the library will grow next year.
We have to be confident that your roadmap for jquery will assure new features and new component for the future

What about your future development on jquery for the next years? The library will grow as the Angular and Vue one or it will stop?

Thanks for all.

General Discussions

answered on 14 Jun 2022

0 answers

112 views

Kendo Datepicker value is not persisting when i click on kendo grid Filter

Hi,

My kendo datepicker is not persisting the date value when I am clicking on the kendo grid column filter and request is hitting the api. I have attached the screenshots. Following is my code.

$element.before($operators).kendoDatePicker({
   format: "MM/dd/yyyy",
   value: kendo.toString(new Date()),
});

Grid

asked on 14 Jun 2022

1 answer

598 views

[Solved] Custom sorting of column with link

my kendo grid is rendering using the html table way. one of the column is hyper. would like to know how do i sort this?

would like to add on to my post that for the date column it seems to not be sorting correctly. the sorting is treating it as string, how do i convert it to datetime and also handle the case whereby the date column is empty to show the string Never.

below is my markup

<table class="table" id="kendo-table" aria-describedby="Listing for Users">
   <thead>
      <tr>
         <th scope="col" data-field="fullname">
            Full Name
         </th>
         <th scope="col" data-field="status">
            Status
         </th>
         <th scope="col" data-field="email">
            Email
         </th>
	 <th scope="col" data-field="lastLogin">
            Last Login Date
         </th>
         <th scope="col" data-sortable="false" >
            Action
         </th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>
            <a class="no-left-padding" href="/Admin/UserAccount/ViewDetail/681513f5-5ae0-4d3f-8604-b9703f1a8041">
            User 1
	    </a>
         </td>
         <td>
            <div class="user-status">
               <span>
               Invited
               </span>
            </div>
         </td>
         <td>
            user@email.cim                       
         </td>
	<td>23 Nov 2000, 2:17AM</td>
         <td>
            <a onclick="return confirm('Are you sure you want to proceed?')" href="/Admin/UserAccount/Listing?_UserId=681513f5-5ae0-4d3f-8604-b9703f1a8041&handler=Delete">
            <em class="material-symbols-sharp material-delete"></em>
            </a>
         </td>
      </tr>
      <tr>
         <td>
            <a class="no-left-padding" href="/Admin/UserAccount/ViewDetail/681513f5-5ae0-4d3f-8604-b9703f1a8041">
            User 2                               </a>
         </td>
         <td>
            <div class="user-status">
               <span>
               Invited
               </span>
            </div>
         </td>
         <td>
            test@email.com                            
         </td>
	<td>23 Feb 2022, 3:17PM</td>
         <td>
            <a onclick="return confirm('Are you sure you want to proceed?')" href="/Admin/UserAccount/Listing?_UserId=681513f5-5ae0-4d3f-8604-2a5b7f1a8041&handler=Delete">
            <em class="material-symbols-sharp material-delete"></em>
            </a>
         </td>
      </tr>
      <tr>
         <td>
            <a class="no-left-padding" href="/Admin/UserAccount/ViewDetail/681513f5-5ae0-4d3f-8604-b9703f1a8041">
            User 3                               </a>
         </td>
         <td>
            <div class="user-status">
               <span>
               Invited
               </span>
            </div>
         </td>
         <td>
            test@email.com                            
         </td>
	<td>Never</td>
         <td>
            <a onclick="return confirm('Are you sure you want to proceed?')" href="/Admin/UserAccount/Listing?_UserId=681513f5-5ae0-3a12-8604-2a5b7f1a8041&handler=Delete">
            <em class="material-symbols-sharp material-delete"></em>
            </a>
         </td>
      </tr>
   </tbody>
</table>

Grid

answered on 14 Jun 2022

1 answer

186 views

show all day events side by side instead below each other in kendo JQuery scheduler

I want to display all-day events side-by-side instead of one below the other just like events shown in the example in 8 am o'clock. Here I have created an example and in the all-day row I want to position two events next to each other.

the second question is, how can I adjust the margin between the text in all day events and the box, that shows the event?

https://dojo.telerik.com/uXuHuvak

Scheduler

answered on 14 Jun 2022

0 answers

321 views

Posting form data using javascript with Kendo Upload stop working recently

Hi

I have upload code similar to the below and was working till recently.

Error preventing the form from being posted. but no error detail from JavaScript.

This only happen using Chrome, file Firefox no issue.

No problem when posting without the rawfile.

Can anyone help?Thanks in advance.

<script>

$("#submitForm").on("click", function(e) {

e.preventDefault();

// Append the desired file

var formData = new FormData();

var upload = $("#files").getKendoUpload();

var files = upload.getFiles();

formData.append('files', files[0].rawFile);

// Send the request

$.ajax({

url: 'index.php?type=save',

type: 'POST',

data: formData,

cache: false,

contentType: false,

processData: false,

success: function (response) {

console.log(response);

}

});

</script>

Upload

asked on 14 Jun 2022

1 answer

168 views

Horizontal line on top of all tabs in TabStrip

Hi,

I updated to latest version of Kendo jQery R2 2022. After the update I get an horizontal line on top of the tabstrips tabs if I add this line of code,

var tabStrip1 = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");

You can test to add it to your demo tabstrip code, you will get the same result.

TabStrip