Hide state choice that are selected and display only state choice that are not selected/completed

[Hari1]

Hi,

I have a custom table and i have a requirement to hide the state choices which are completed. We have the states (New, Access, Triage, Work In Progress, Completed, On-Hold, Cancelled)

For example, If a state is moved from New->Access we need to hide the option New and if the state moves from Access->Triage we need to hide the state choices New, Access and display the rest of the state choices Triage, Work In Progress, Completed, On-Hold, Cancelled.
Can this be achieved? Thanks.

[Community Alums]

Hello @Hari1 ,

If you are aware of change management then you will get to know about change process.

Your requirement for custom table is same as change management process.

you can refer below code to set and hide state values.

code :

function onChange(control, oldValue, newValue, isLoading, isTemplate) {

    if (isLoading || newValue === '')

        return;

    updateStateOptions();

    if (newValue != oldValue){

        $$('button[data-action-name^=state_model]').each(function(e) { e.hide(); });

        g_form.setReadOnly("state", true);

    } else {

        $$('button[data-action-name^=state_model]').each(function(e) { e.show(); });

        g_form.setReadOnly("state", false);

    }

    function updateStateOptions(){      

        var stateModel = g_scratchpad.stateModel;

        if (!stateModel)

            return;

        var typeStateModel = stateModel[g_form.getValue("type")];

        if (!typeStateModel)

            return;

        var currentStateValue = g_form.getValue('state');

        var currentStateName = stateModel.stateNameByValue[currentStateValue];

        if (!currentStateName)

            return;

        var currentStateInModel = typeStateModel[currentStateName];

        if (!currentStateInModel)

            return;

        var nextStates = currentStateInModel.nextState;

        g_form.clearOptions('state');

        g_form.addOption('state', currentStateValue, stateModel.stateLabelByValue[currentStateValue]);

        for (var i = 0; i < nextStates.length; i++)

            addStateOptionByName(nextStates[i], stateModel);

    }

    function addStateOptionByName(stateName, stateModel) {

        if (!stateName || !stateModel)

            return;

        var stateValue = stateModel.stateValueByName[stateName];

        if (!stateValue)

            return;

        var stateDisplayValue = stateModel.stateLabelByValue[stateValue];

        if (!stateDisplayValue)

            return;

        g_form.addOption('state', stateValue, stateDisplayValue);

    }

}

Thanks!

[Hari1]

The states that i have is as below.

New
Triage
Discovery
Architecture
Finance
DevOps
Close
Cancel
On-Hold

Do we have add to any model on the change model or state model?
I have a scenario where I can move from New->Triage, Triage->Discovery, Discovery->DevOps
I should not be able to see the states New, Triage, Discovery in the state dropdown field.

[johnfeist]

Hi Hari,

You mange what options are displayed via an on load client script.  The easiest way to manage that is the way that it is done for incidents where the stored state values ascend as you move through them (e.g.   1 = new, 2 = in progress, etc.)

If you have a small number of states, you can simply have your on load client script check the current state value and depending on how you have the state values stored, just use g_form.removeOption() to take out those that are no longer available.

There are a number of other approaches that can be used to pass the available values into your on load client script.  Please let me know if you need to go to that level.

[Hari1]

Hi @johnfeist 

The states that i have is as below.

New
Triage
Discovery
Architecture
Finance
DevOps
Close
Cancel
On-Hold

I have a scenario where I can move from New->Triage, Triage->Discovery, Discovery->DevOps
I should not be able to see the states New, Triage, Discovery in the state drop down field.