下拉菜单上的onChange不适用于表单控件(下拉框不可用)
25-04-05
4
对于下拉菜单上的onChange不适用于表单控件感兴趣的读者,本文将会是一篇不错的选择,我们将详细介绍下拉框不可用,并为您提供关于ajax完美解决的下拉框的onchange问题、android-选择下
对于下拉菜单上的onChange不适用于表单控件 感兴趣的读者,本文将会是一篇不错的选择,我们将详细介绍下拉框不可用 ,并为您提供关于ajax完美解决的下拉框的onchange问题、android-选择下拉菜单在应用引导程序时不适用于移动设备、AngularJS 1.5.x $onChanges不适用于单向绑定更改、blockSignals 不适用于 QGraphicsScene selectionChanged 的有用信息。
本文目录一览:
下拉菜单上的onChange不适用于表单控件(下拉框不可用) 您实际上不需要onChange
侦听器([formControl]
绑定处理该侦听器)。
但是 ,这要求您的custom-dropdown
组件实现ControlValueAccessor
接口。
在这种情况下,您应该能够通过订阅this.majorAreaCtrl.valueChanges
Observable(例如)来响应更改。
这里是a small example,尽管没有您的自定义组件。
如果您的组件未实现ControlValueAccessor
,我(以及这里的许多其他人)很乐意帮助您实现它。
ajax完美解决的下拉框的onchange问题 即在触发地区下拉框的onchange事件时,代理商的下拉框选项也相应的改变,比如选择地区 湖南—〉长沙,那么代理商下拉框只显示长沙的代理商。
本来认为这个很好实现,但实际改起来的时候发现问题多多,主要问题是原有的地区联动是用js实现的,它的数据源是一个xml文件,当然如果下拉框是服务器端控件那么问题是很好解决的,现在是html控件一下子似乎还真有些不好改,想了几种办法实现起来都不理想,最后将思路转向用ajax来实现问题才迎刃而解,现在仔细一想,像这种情况似乎只有用ajax才能比较好的解决,如果是在地区下拉框的onchange事件里向后台进行一次提交,将地区下拉框的id传过去的话,实际上产生的回发会将地区联动下拉框重新初始化。
现在我具体谈谈这个ajax实现的过程。
首先页面当然需要定义一个下拉框的html控件。
复制代码 代码如下:
<select id="Agent" name="Agent"></select> 接下来当然是定义XmlHttpRequest对象。
复制代码 代码如下:
var xmlhttp; function CreateXmlHttp() { //非IE浏览器创建XmlHttpRequest对象 if(window.XmlHttpRequest) { xmlhttp=new XmlHttpRequest(); } //IE浏览器创建XmlHttpRequest对象 if(window.ActiveXObject) { try { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { try{ xmlhttp=new ActiveXObject("msxml2.XMLHTTP"); } catch(ex){} } } } 这个在我的多篇blog文章里都有阐述,就不多说了。 接下来当然是利用该对象来发送条件,获得数据,并且将获得的数据绑定到agent这个下拉框。 在地区下拉框的onchange事件里面触发函数AjaxSend(); 复制代码 代码如下:
function AjaxSend() { //创建XmlHttpRequest对象 CreateXmlHttp(); if(!xmlhttp) { alert("创建xmlhttpRequest发生异常!"); return false; } //获取地区下拉框的value值,作为条件发送 var ss=document.getElementById("a2").value.substring(0,4); } //要发送的url,UserAjax我专门用来取数据 url="UserAjax.aspx?area="+ss; xmlhttp.open("POST",url,false); xmlhttp.onreadystatechange=function() { if(xmlhttp.readyState==4) { if(xmlhttp.status==200) { //清空原下拉框 document.getElementById("agent").options.length=0; //str为返回的一个字符串,形式为"0001/代理商1,0002/代理商2,0003/代理商3" var str=xmlhttp.responseText; //将该字符串分割为数组形式 var strs=str.split(","); document.getElementById("agent").options.add(new Option("----------","000000")); for(var i=0;i<strs.length-1;i++) { //获取value值(编号) var a=strs[i].substring(0,strs[i].lastIndexOf("/")); //获取绑定内容 var b=strs[i].substring(strs[i].lastIndexOf("/")+1,strs.length); //绑定到下拉框 document.getElementById("agent").options.add(new Option(b,a)); } } } } xmlhttp.send(); } 另外顺便介绍一下UserAjax接收到该地区编号后获取数据返回字符串的过程。
复制代码 代码如下:
string Area = Request.QueryString["area"].ToString(); DataTable data = "生成DataTable,涉及到公司核心代码,省略" string aa = ""; for (int i = 0; i < data.Rows.Count; i++) { if (aa == "") { aa = data.Rows[i]["id"].ToString()+"/"+data.Rows[i]["name"].ToString(); } else { aa = aa + "," + data.Rows[i]["id"].ToString() +"/"+ data.Rows[i]["name"].ToString(); } } Response.Write(aa); 我在引导程序列中使用html select,但是当我在移动设备(iOS和Android)中单击下拉按钮时,它无法显示选项列表.但是它可以在PC浏览器中使用. HTML代码如下所示:@H_301_1@
我不明白为什么当我更改输入中的绑定基元时,$onChanges没有被启动.有人能看出我做错了什么,并以简单的方式解释这个问题吗?在我无法在实际应用程序中使用它之后,我做了一个
plunkr的快速测试应用程序.
angular
.module('test',[])
.component('test',{
template: '<child application="vm.application"></child>',controller: 'testCtrl as vm'
})
.controller('testCtrl',function() {
var vm = this;
vm.$onInit = function () {
vm.application = {
data: {
name: 'Test'
}
}
};
})
.component('child',{
template: '<input type="text" ng-model="vm.application.data.name">',bindings: {
application: '<'
},controller: 'childCtrl as vm'
})
.controller('childCtrl',function() {
var vm = this;
vm.$onChanges = function (changes) {
console.log('CHANGED: ',changes);
};
})
解决方法
这是$onChanges而不是$onChange.
此外,onChange仅在父值更改时更新,而不是子项.看看这个plunkr.注意,只有当你输入第一个输入时,console.log才会触发.
如何解决blockSignals 不适用于 QGraphicsScene selectionChanged? 尽管之前调用了 selectionChanged
,但在我取消选择所选项目后仍会触发 blockSignals(True)
信号。您可以看到圆圈将移动两次而不是一次。为什么会发生这种情况以及如何防止信号触发?
import sys
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *
class Template(QMainWindow):
def __init__(self):
super().__init__()
self.scene = QGraphicsScene(0,200,400)
c = self.scene.addEllipse(8,8,34,Qt.black,Qt.black)
c.setPos(0,350)
c.setFlag(QGraphicsItem.ItemIsSelectable)
self.scene.selectionChanged.connect(self.move)
view = QGraphicsView(self.scene)
view.setRenderHint(QPainter.Antialiasing)
self.setCentralWidget(view)
def move(self):
selected = self.scene.selectedItems()
if selected:
selected[0].moveBy(0,-50)
self.scene.blockSignals(True)
selected[0].setSelected(False)
self.scene.blockSignals(False)
if __name__ == ''__main__'':
app = QApplication(sys.argv)
window = Template()
window.show()
sys.exit(app.exec_())
我还要说明我对这个特定示例不感兴趣,有很多解决方法可以根据需要移动圆圈。只是为了提供可视化。
我对一般情况感兴趣:selectionChanged
信号连接到一个插槽,在该函数中,您需要取消选择一个项目而不再次调用该插槽。
解决方法
这个问题是由鼠标引起的,因为在执行移动鼠标的逻辑后,它仍然在项目上,导致它的选择产生了双重射击。一种可能的解决方案是在释放鼠标后取消选择。
class GraphicsScene(QGraphicsScene):
def mouseReleaseEvent(self,event):
super().mouseReleaseEvent(event)
for item in self.selectedItems():
item.setSelected(False)
self.blockSignals(False)
class Template(QMainWindow):
def __init__(self):
super().__init__()
self.scene = GraphicsScene(0,200,400,self)
self.scene.selectionChanged.connect(self.handle_selection_changed)
c = self.scene.addEllipse(8,8,34,Qt.black,Qt.black)
c.setPos(0,350)
c.setFlag(QGraphicsItem.ItemIsSelectable)
view = QGraphicsView(self.scene)
view.setRenderHint(QPainter.Antialiasing)
self.setCentralWidget(view)
def handle_selection_changed(self):
self.scene.blockSignals(True)
for item in self.scene.selectedItems():
item.moveBy(0,-50)
我们今天的关于下拉菜单上的onChange不适用于表单控件 和下拉框不可用 的分享就到这里,谢谢您的阅读,如果想了解更多关于ajax完美解决的下拉框的onchange问题、android-选择下拉菜单在应用引导程序时不适用于移动设备、AngularJS 1.5.x $onChanges不适用于单向绑定更改、blockSignals 不适用于 QGraphicsScene selectionChanged 的相关信息,可以在本站进行搜索。