MiniUI ButtonEdit控件（按钮输入框） valuechanged事件无法触发问题

最新推荐文章于 2023-11-28 11:58:04 发布

原创最新推荐文章于 2023-11-28 11:58:04 发布 · 9.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#MiniUI #ButtonEdit #valuechanged

MiniUI 专栏收录该内容

1 篇文章

订阅专栏

在使用MiniUI的ButtonEdit控件时，遇到valuechanged事件不触发的问题。文章详细介绍了问题的现象，并通过分析指出，必须调用doValueChanged()方法才能手动触发valuechanged事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：使用ButtonEdit控件时，onvaluechanged时间无法触发。

html

<input id="buttoneditid"  name="buttoneditname"  class="mini-buttonedit" value="za0100" required="true" 
onbuttonclick="onButtonEditjg" style="width:200px;" allowInput="false" showPopupOnClick="true" 
onvaluechanged="changeTreeData('jg')" textField="aab004" valueField="za0100" parentField="za9996"/>

js代码

点击按钮，提交事件

function onButtonEditjg(){
    var btnEdit = this;
    mini.open({
        url: '<c:url value="/.../..."/>',
        showMaxButton: false,
        title: "选择树",
        width: 350,
        height: 350,
        ondestroy: function (action) {      
            if (action == "ok") {
                var iframe = this.getIFrameEl();
                var data = iframe.contentWindow.GetData();
                data = mini.clone(data);
                if (data) {
                  mini.get("aac009").focus();
               	  var za0100id=data.za0100;
       			  var text = data.aab004;
                  btnEdit.setValue(za0100id);
                  btnEdit.setText(text);
                  mini.get("aac009").blur();
                }
                btnEdit.doValueChanged();
            }
        }
    }); 
}

onvaluechanged事件

function changeTreeData(type){
	var value = "";
	if(type=="jg"){
		value = mini.get("aac009").getValue();
		mini.get("jgValue").setValue(value);
	}
}

总结：使用ButtonEdit控件时，需要调用doValueChanged()方法来触发valuechanged事件，否则valuechanged事件无法触发。

在这里插入图片描述