Questions on Kendo UI for jQuery Forum

1 answer

156 views

Good evening,

Yes, I'm struggling with the telerik captcha implementation in IE 10 ,

Am getting "SCRIPT5007: Unable to get property 'options' of undefined or null reference On kendo.all.min.js (25,35564)" error,

even your demo site is also giving the same error.

Not sure how to fix this , can you please help me on this or redirect who can help me

Captcha

answered on 15 Jun 2022

1 answer

249 views

Kendo Spreadsheet

1.I want to set multiple sheet tab name every sheet tab name have a different columns and I want this when click on another tab than that data show

2. how to set validation for model from json file. Json file also contain sequence of column based on that file column should show is it possible?

3.I'm doing validation like this please check zip file

It's too lengthy code how to handle if dynamically any changes on column please help me to solve out this problem

I have Json file like this please check another zip file.I have a multiple json file i want when i click on sheet tab name than that json file columns and data show

ActionSheet

Data Source

Spreadsheet

answered on 15 Jun 2022

12 answers

36.8K+ views

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

372 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

164 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

102 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

550 views

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

156 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

294 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

133 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

answered on 13 Jun 2022