Get value from apex:inputCheckbox inside apex:repeat

apexjavascriptvisualforce

I have a list – house and I am displaying it on a table using apex:repeat. In this table, I want a user input checkbox which I have implemented using apex:inputCheckbox.

<td><apex:inputCheckbox id="CeilingHeightCostCheckbox" value="{!house.CeilingHeightCostCheck}" selected="true" disabled="{!IF(house.Pckg_Ground_Floor_Ceiling_Height_Cost != 0, false, true)}" onchange="CeilingHeightCostCheckChange"/></td>

I am trying to check the user picked state of this inputCheckbox inside javascript using –

  var CheckboxState = $('[id$=CeilingHeightCostCheckbox]').is(':checked');

This is working fine if I just have 1 row in the list but when there are more than 1 rows, its giving random results. I guess because there are more than 1 checkboxes with id – CeilingHeightCostCheckbox how can I generate unique ids in this scenario or if there is another way to show checkbox and capture its state ? Please help.

Best Answer

You can write the method as:

function CeilingHeightCostCheckChange(event) {
  if(event.target.checked) {
    // do something here
  }
}

All events that are fired from an element have a target that identifies the element that fired the event, so you don't need to query the element again.

Related Solutions

[SalesForce] Pre selected Rows with Pagination not working in Datatable in Saleforce LWC

You need to keep a separate list of all selections in one variable, then update this variable accordingly as you navigate pages (and also keep track of any changes).

allSelectedRows = [];
preselectedRows = [];
changePage(pageNumber) {
    let pageData = this.getPageData();
    this.allSelectedRows = this.allSelectedRows
        .filter((rowId) => !pageData.find((record) => record.UserId === rowId)) // Preserve rows outside current page
        .concat(this.template.querySelector('lightning-datatable').selectedRows); // and add rows from current page
    this.page = pageNumber;
    pageData = this.getPageData();
    this.preslectedRows = this.allSelectedRows.filter(
        (rowId) => pageData.find((record) => record.UserId === rowId) // And now find records in current page
    );
}
onFirst() {
    this.changePage(1);
}
onNext() {
    this.changePage(this.page + 1);
}
// ... etc ...

Also, some general notes...

First, don't use await and then() together:

try {
// other code here
  let userList = await getUserList();
  // rest of code here
} catch(error) {
  this.error = error;
}
this.showLoadingSpinner = false;

Or:

getUserList().then(
  userList => {
    // success logic here
  })
  .catch(error => this.error = error)
  .finally(() => this.showLoadingSpinner = false);

Second, you really didn't need to JSON.serialize and JSON.parse, you can return the wrappers directly.

Best Answer

Related Solutions

[SalesForce] Pre selected Rows with Pagination not working in Datatable in Saleforce LWC

Related Topic