Select Field : is it possible to reload via ajax on editTemplate?

Description

 {title:"Category",type:"select", name:"prodCatId", items:dataCategory,valueField:"prodCatId",textField:"prodCatDesc",
  editTemplate : function(){
   var sbuField = this._grid.fields[0];
   var $editControl = jsGrid.fields.select.prototype.editTemplate.call(this,arguments);
    
    $editControl.on("change", function(){
     var selectedSbuId = sbuField.editControl[0].value;
     var selectedprodCatId = $(this).val();
     $.ajax({
      type: "POST",
       url: "./getDataCategoryList",
       data:{"sbuId":selectedSbuId,"prodCatId":selectedprodCatId},
       success: function(data){
        dataCategory =  data
       },
       error : function(error){alert('error')}
      }); 
    });
    return $editControl;
 },
}

Contributor guide

Tech stack

javascript

Domain

frontend

Issue type

feature

DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.

3

Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.

1-3 hours

Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.

stale

ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.

mostly clear

Prerequisites

JavaScriptjQueryjsGridAJAX

Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.

20

Research direction

Examine the jsGrid source code for the select field's editTemplate method to understand how items are loaded. Consider using a custom editTemplate that triggers an AJAX call to fetch items and then updates the select options. The example code provided by the user may need to use a callback to set the items after AJAX success. Review the repository's documentation and examples for dynamic data loading.