python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
if condition in kendo grid column template

kendo ui grid template nested if else

In the below kendo grid, I have added the if else on column template.

//Syntax
template: "#if(ErrorDesc==null){# #: DeviceLabel # #}else If(ErrorDesc==""){# #: DeviceLabel # #}else{# #: DeviceText # #}#"

//Kendo ui grid
$("#gridViewHideIfElse").kendoGrid({
    pageable: true,
    scrollable: true,
    resizable: true,
    sortable: true,
    columnMenu: true,
    dataBound: function (e) {
    },
    columns: [
            {
                field: "Usage Limit",
                title: "Services",
                template: "# if(UsageIncludedID >= 0){ #" + "#= UsageIncludedValue #" + "# } else { # UnlimitedValue # } #",
                width: 310
            },
    ],
    dataSource: {
        type: "json",
        transport: {
            read: "http://localhost:37745/Contract/Api/Pricing/GetByCTID/" + session().PricingID
        },
        pageSize: 10
    }
});

//Default HTML div.
<div id="gridViewHideIfElse"></div>

//OR
//kendo ui grid nested if else.

template: "#if(ErrorDesc==null){# #: DeviceLabel # #}else If(ErrorDesc==""){# #: DeviceLabel # #}else{# #: DeviceText # #}#"

//OR
//kendo ui grid column if else

@(Html.Kendo().Grid<Account>()
     .Name("Grid")
     .Columns(columns =>
      {
         columns.Bound(x => x.IsDefault)
             .Title("Is efault).ClientTemplate("#=checkIsDefaultAccount(IsDefault)#");
     })
     //........                           
)

//JavaScript code sample

function checkIsDefaultAccount(isDefault) {
    return (isDefault == true ? "Yes" : 'No');
}


ANIL SINGH

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions