본문 바로가기

Tip

[ax5grid] 동적 selectbox

ax5grid 사용하다보면 selectbox를 여러 개 만들어야할 경우,

 

selecebox1 selectbox2가 있다면 selectbox1 값에 해당하는 selectbox2 데이터가 나오게 동적으로 구현하려고 했다.

 

데이터가 많을 경우 비동기로 하는게 맞지만.. 암튼 능력자이신 동료분께서 만들어주셨다

 

감사합니다.

 

(function (window) {

     const edit_dynamic_select = Object.create(ax5.ui.grid.inlineEditor.select, {

          bindUI : {

               value : function (_root, _columnKey, _$el, _editor, _$parent, _value) {

                   let key = Object.keys(_root.selectedColumn)[0];

                   let dIndex = _root.selectedColumn[key].dIndex;

                   

                   if (Boolean(_edit_editor.config.optionsFunc)) {

                         var _options = _editor.config.option = _editor.config.optionsFunc(dIndex);

                         _editor.config.options = _options || [];

                   }

 

                   ax5.ui.grid.inlineEditor.select.bindUI(_root, _columnKey, _$el, _editor, _$parent, _value);

              };

              enumberabled : true,

              writable : false,

          },

     });

ax5.ui.grid.inlineEditor.dynamic_select = edit_dynamic_select;

}(window));