根据 jsgrid 中字段的值自动填充其他字段

如何解决根据 jsgrid 中字段的值自动填充其他字段

我对 jsgrid 表有以下布局：

我想让其余的列根据项目代码的值填充。我能够通过 AJAX 从数据库表中检索项目名称的值，但我无法异步更新其他字段的值。例如，我尝试了很多方法，这些方法允许我为项目名称设置默认值，但无法在 ajax 请求完成后更新。

这是我用来验证从表中检索到的值的原型

insertTemplate: function () {
                var $insertControl = jsGrid.fields.text.prototype.insertTemplate.call(this);

                $insertControl.change(function () {
                    var item_code = $(this).val();
                    //alert(item_code);
                    $.ajax({
                    type: "POST",url: 'itemquery.PHP',data: { item_code : item_code },success: function(data)
                    {
                        itemName = data;
                        alert(itemName);
                    }
                });
              });

                return $insertControl;
            },

这是我在项目名称字段中用来设置默认值的代码

insertTemplate: function() { 
          return $("<input>").attr("type","text").attr("value",function(){
            return "test value";
          });

我的目标是为项目名称字段创建一个下拉列表，当用户选择一个值时，其他字段会自动填充，但我试图首先从项目代码中找出如何做到这一点，因为它看起来更简单（并且我把它作为一个计划 B)