BPM, Workflow, and Case

BPM, Workflow, and Case

Come for answers. Stay for best practices. All we’re missing is you.

 View Only

  • 1.  Disable checkbox in Table View with multiple select

    Posted 12/02/22 05:44 AM
    Hi,
    I have a table view (https://www.ibm.com/docs/en/baw/22.x?topic=api-table) in coach. Table rows gets populated with data depending on the results from backend. Table is configured with multiple selection - It would create a first column with checkboxes for all rows.

    What i want is - Depending on some column values, i would like to disable checkboxes for particular rows.
    Is it possible to disable checkboxes selectively in first column? 
    Also, is it possible to highlight these particular rows with different background colour.

    Many Thanks,

    ------------------------------
    Sunil
    ------------------------------


  • 2.  RE: Disable checkbox in Table View with multiple select

    Posted 12/02/22 07:08 AM
    Hi Sunil,

    You can try below code - 
    this.ui.get("sampleList1")._instance.table.rows[index].cells[0].childNodes[0].childNodes[0].setAttribute("disabled", true);
this.ui.get("sampleList1")._instance.table.rows[index].style.backgroundColor = "some_color";​


    ------------------------------
    Atanu Roy
    Solution Architect
    Salient Process
    ------------------------------



  • 3.  RE: Disable checkbox in Table View with multiple select

    Posted 12/02/22 10:54 AM
    Edited by Sunil Hunashikatti 12/03/22 12:36 PM
    Thank you Atanu.
    It is working but when i click on select all checkbox present in table header (First column, first cell) - It selects the disabled checkboxes too.
    How to make select all checkbox option to ignore the disabled rows?


    ------------------------------
    Sunil
    ------------------------------

    Original Message


  • 4.  RE: Disable checkbox in Table View with multiple select

    Posted 12/12/22 07:33 AM
    Hi Sunil,

    What index are you passing ?
    This piece of code should be written in the view event of the parent view of the table. A timeout may be required - 
     
    var _this = this;
setTimeout(function () {
	_this.ui.get("sampleList1")._instance.table.rows[1].cells[0].childNodes[0].childNodes[0].setAttribute("disabled", true);
	_this.ui.get("sampleList1")._instance.table.rows[1].style.backgroundColor = "some_color";
}, 1);


    This will disable the first row.



    ------------------------------
    Atanu Roy
    Solution Architect
    Salient Process
    ------------------------------

    Original Message


  • 5.  RE: Disable checkbox in Table View with multiple select

    Posted 12/14/22 04:37 AM
    You may need to create custom check box to avail select all option, so that you can control which one to select based on some column value. 

    <input id="selectAll_tabel" style="zoom: 1.6;margin-left:5px;" type="checkbox" onclick="javascript:selectAllHandler(this)"/>

    You can write a function something like this. 

    function selectAllHandler(element) {    var selectAllChkId = "selectAll_table";    var tableId = "/Template1/Table1";     var checkboxSA = document.getElementById(selectAllChkId);    console.log(checkboxSA.checked);    var result=checkboxSA.checked;                var recordCount = page.ui.get(tableId).getRecordCount();        for (var i=0;i<recordCount;i++) {            var columnId="/Template1/Table1/Role_Map_CheckBox["+i+"]";            if(result==true)                page.ui.get(columnId).setChecked(true);            else                page.ui.get(columnId).setChecked(false);        }    
    }

    ------------------------------
    Rameshkumar Chandrasekar
    ------------------------------

    Original Message


Related Content