SyncMadeEasy/force-app/main/default/lwc/paginator/paginator.js

51 lines
1.6 KiB
JavaScript

import { LightningElement, api, track} from 'lwc';
export default class Paginator extends LightningElement {
@api disableButton = false;
@api
changeView(str){
console.log('Here11');
if(str === 'trueprevious'){console.log('Here1');
this.template.querySelector('lightning-button.Previous').disabled = true;
}
if(str === 'falsenext'){console.log('Here2');
this.template.querySelector('lightning-button.Next').disabled = false;
}
if(str === 'truenext'){console.log('Here3');
this.template.querySelector('lightning-button.Next').disabled = true;
}
if(str === 'falseprevious'){console.log('Here4');
this.template.querySelector('lightning-button.Previous').disabled = false;
}
}
renderedCallback(){
this.template.querySelector('lightning-button.Previous').disabled = true;
}
previousHandler1() {
this.dispatchEvent(new CustomEvent('previous'));
}
nextHandler1() {
this.dispatchEvent(new CustomEvent('next'));
}
FirstPageHandler1(){
this.disableButton=true;
this.dispatchEvent(new CustomEvent('firstpage'));
}
LastPageHandler1(){
this.dispatchEvent(new CustomEvent('lastpage'));
}
changeHandler(event){
console.log('Here');
event.preventDefault();
const s_value = event.target.value;
const selectedEvent = new CustomEvent('selected', { detail: s_value});
this.dispatchEvent(selectedEvent);
}
}