Skip to content

Searcharticlesvideosblogsforumsinterview questionsarticles

Tech
Articles
Blogs
News
Videos
Interviews
Forums
Books
Events
- Jobs
- Stories

Article
Blog
Video
Ebook
Interview Question

Loading

Upcoming Events

23 NOV
AI Agents Conference 2026 - 3rd Edition

Our Training Programs

AI & Machine Learning
Mastering Large Language Models
Mastering Prompt Engineering
Certified Vibe Coder
Github Copilot Training
Generative AI for Beginners
n8n Automation & AI Agents Training

About Us Contact Us Privacy Policy Terms Brand Guidelines Partners C# Tutorials Consultants Ideas Report A Bug FAQs Sitemap Stories CSharp TV DB Talks Web3 Universe Jumpstart Blockchain

©2026 C# Corner.

All contents are copyright of their authors.

KENDO Grid sleeted row values display in the different labels

Home
Forums
Learn iOS Programming

KENDO Grid sleeted row values display in the different labels

Sagar Pallavi

5yAsked Dec 16, 2020, 9:05 AM758Learn iOS Programming

Hi Team,

I would need your help in completing small code.

Here are my requirement details :-

1. Display details in Kendo- done

2. If I select any row from the Grid then it should display the details in the below labels.

Example :- Suppose if we display details of Employees in Grid then in the below we have labels

that will display selected row values.

lblEmpId :- it should display value of Employee Id ,

lblEmpName :- Should display details of Name etc..

Please Suggest.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sign in to answer this question

It is the same account you read, post and publish with — and you will come straight back to this page.

Sign in Create an account

Sachin Singh5y ago
if you are using
1.command like edit or view(show details as functionName) etc then dataItem property of Grid could help.
function showDetails(e) {
       e.preventDefault();

       var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
      $("#lblEmpId").val(dataItem.Id);
      $("#lblEmpName").val(dataItem.Name);
   }
Note:- Id,Name are columns name in Grid
2.If you are not using any command then below code will work
$("#Grid tr").click(function(){

var currentRow=$(this).closest("tr").find(td);

      $("#lblEmpId").val(currentRow.eq(0));
      $("#lblEmpName").val(currentRow.eq(1));

});
Note:- eq(0) means first cell , adjust accordingly