How to show or bind dynamic data to kendo grid using jquery in mvc view,aspx?

-
   
<script>
$(document).ready(function () {
            $("#ListViewGrid").kendoGrid({
                dataSource: {
                    transport: {
                        read: {
                            url: 'WS_Equipment.asmx/ListView',
                            dataType: 'json'
                        }
                    },
                    schema: {
                        model: {
                            fields: {
                                HeaderId: { type: "string" },
                                JobNumber: { type: "string" },
                                WorkOrderNumber: { type: "string" },
                                WeekendingDate: { type: "string" }
                            }
                        }
                    },
                    pageSize: 5,
                    pageable: true,
                },
                sortable: true,
                pageable: {
                    alwaysVisible: true,
                    pageSizes: [5, 10, 20, 100],
                    refresh: true,
                    buttonCount: 10
                },
                columns: [{
                    field: "HeaderId",
                    filterable: false,
                    width: 100
                },
                {
                    field: "JobNumber",
                    title: "Job Number",
                    width: 200

                }, {
                    field: "WorkOrderNumber",
                    title: "Work Order Number",
                    width: 200
                }, {
                    field: "WeekendingDate",
                    title: "WeekendingDate",
                    width: 200
                },
                {
                    command: [{
                        name: "edit",
                        className: "btn-Edit",
                        text: "View", click: btnEdit
                    }], title: "Action", media: "(min-width: 500px)", width: "110px"
                }
                ]

            });
        });
</script>

<div class="container-fluid">
       <div><br /></div>
        <div id="ListViewGrid"></div>
    </div>

Popular posts from this blog

Implement virtualisation in kendo drop down list using jquery ajax in mvc, aspx page

-
virtualization helps to load huge data fastly. $("#abcd").kendoDropDownList({                 filter: "contains",                 dataTextField: "WorkOrderNumber",                 dataValueField: "WorkOrderNumber",                 virtual: {                     itemHeight: 26,                     valueMapper: function (options) {                     }     ...
Read more

How to Create trigger to Update the NoofOrgs Count under each category in Category Table based on Temp Table in Sql Server

-
--creating a trigger CREATE TRIGGER [dbo].UPDATEORGSCOUNTINCATEGORY_AFTERINSERT_FROMORGANISATIONS]   ON --here we mention the table name   [dbo].[Organisations] --here we can have insert, update, delete as trigger point --I want to execute my trigger when a record is inserted in organizations table (step-1) --then get the count of orgs in each category from organisationcategories table and save it in temp table(step-2) --then update the category table with orgs count in each category(step-3)   AFTER INSERT   AS   BEGIN   --we are updating the count bcz a listing or nonprofi can be approved or rejected then the count changes. --creating a temp table with two columns of int type DECLARE @temp TABLE ( CategoryId INT, NoofOrgs INT ) --inserting values into temp table INSERT INTO @temp SELECT * from (         --here we are selecting these two columns select CategoryId,ISNULL(NoofOrgs , 0) AS 'NoofOrgs' from (   ...
Read more

How to Preview the image and download which is in base64string format in mvc view using C#

-
  <div class="col-lg-9 col-xl-6">                                                     @if (reclaimdetai != null)                                                     {                                                         @foreach (var item in reclaimdetai.RequestFileList)                                                         {                                 ...
Read more