Servicelink

by shuja uddin

JavaScript

/* template conditional addclass removeclass */
template: "<i data-deliveryConfirmDate='${deliveryConfirmDate}' data-paymentType='${paymentType}' data-isCheckRejected='${isCheckRejected}'  class='#=  isCreditCardPayment == 'true' ? 'btn btn-primary k-state-disabled' : 'btn btn-primary loadAddEditpaymentInfo' #'></i>" },
/* template conditional addclass removeclass */																								class='btn btn-primary loadAddEditpaymentInfo'

FN SHIFT F2 = BOTH FULL SCREEN


<div class='col-xs-7'>
     <select class='form-control' id='lastOccupancy'
     data-bind='options: $root.propertyReviewCompletion.lastOccupancyList, enable: $root.propertyReviewCompletion.isEnable,
       value:$root.propertyReviewCompletion.lastOccupancy,
      optionsText:'elementName',
     optionsValue:'elementCode',
     optionsCaption:'Please Select''></select>
    </div>
													
													
			self.lastOccupancy = ko.observable('');
            self.lastOccupancyList = ko.observableArray([
               { elementCode: 1, elementName: '' }
            ]);
			
		
		
		enable disable by parameter :)
		
		
		step 1 make a function 
		
		self.setEnabled = function (enabled) {
            if (enabled) {
                $('.k-grid-toolbar .k-button').removeClass('k-state-disabled').addClass('k-grid-add');
                $('td[role='gridcell'] .k-button').first().removeClass('k-state-disabled').addClass('k-grid-edit');
                $('td[role='gridcell'] .k-button').last().removeClass('k-state-disabled').addClass('k-grid-delete');
            }
              
            else {
                $('.k-grid-toolbar .k-button').addClass('k-state-disabled').removeClass('k-grid-add');
                $('td[role='gridcell'] .k-button').first().addClass('k-state-disabled').removeClass('k-grid-edit');
                $('td[role='gridcell'] .k-button').last().addClass('k-state-disabled').removeClass('k-grid-delete');
            }
        }
		
		step 2 by default on show page pass the function...