SAPUI5数据绑定获取在change事件中更改的值
SAPUI5是一种用于构建企业级Web应用程序的开发框架，它基于HTML5和JavaScript技术。SAPUI5提供了丰富的UI控件库和开发工具，使开发人员能够快速构建现代化的用户界面。
数据绑定是SAPUI5中的一个重要概念，它允许开发人员将数据模型与UI控件进行关联，实现数据的动态展示和交互。在SAPUI5中，可以使用数据绑定来获取在change事件中更改的值。
change事件是一种常见的UI事件，当用户修改了一个可编辑的UI控件的值并且焦点离开该控件时，change事件将被触发。在change事件处理程序中，可以通过数据绑定来获取修改后的值。
以下是一个示例代码，演示了如何在change事件中获取修改后的值：
// 创建一个输入框控件
var input = new sap.m.Input({
change: function(oEvent) {
// 获取修改后的值
var newValue = oEvent.getParameter("value");
// 在控制台打印修改后的值
console.log("修改后的值：" + newValue);
}
});
// 将输入框添加到页面中
input.placeAt("content");在上述示例中，我们创建了一个输入框控件，并为其绑定了change事件处理程序。在change事件处理程序中，通过oEvent.getParameter("value")方法获取了修改后的值，并将其打印到控制台。
SAPUI5提供了丰富的数据绑定功能，可以将数据模型与UI控件进行双向绑定，实现数据的自动更新和同步。通过数据绑定，开发人员可以更加高效地处理用户输入和数据变化，提升应用程序的用户体验。
关于SAPUI5的更多信息和相关产品介绍，您可以参考腾讯云的官方文档和产品页面：
- SAPUI5官方文档：https://sapui5.hana.ondemand.com/
- 腾讯云SAPUI5产品介绍：https://cloud.tencent.com/product/sapui5
相关·内容
1回答
在这个令人敬畏的问题中：很好地解释了许多数据绑定实现细节。
也有许多探索博客关于脏签入角，Object.defineProperty用于Vue.js和虚拟DOM等。
但是在中，只有如何使用数据绑定。没有关于如何实现数据绑定的详细信息。
我读过关于和 .In .In 的文档，它说这些对象与数据绑定有关，但我不知道如何实现。有时，我会将它们注销以调试数据绑定，但仍然没有得到更大的了解：
// data binding
this.oModels = {};
this.aPropagationListeners = [];
this.oB
浏览 0提问于2018-04-23得票数 3
回答已采纳
2回答
我有这样的事情：
Html:
<label id="CustomerName" data-bind="text: name, attr: {'data-value': name}"></label>
脚本：
var viewModel = {
name : ko.observable("Original Name");
}
ko.applyBindings(viewModel);
我希望能够在jQuery的帮助下以编程方式更改数据属性。
$("#CustomerName").data
浏览 0提问于2014-01-29得票数 4
1回答
我编写了一个关于如何使用jquery显示隐藏某些表行的问题( )，现在使用相同的问题，我想知道如何强制显示前5个元素。我在示例中使用了以下代码：
$(document).ready(function(){
$.ajax({
type: "GET",
url: "test.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('event').each(function(){
var Col0 = $(this).fin
浏览 4提问于2013-08-21得票数 1
回答已采纳
我想在表单中动态获取select标记的值。我实际上就是这么做的
<select name="media_types_id" id="type">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<optio
浏览 4提问于2013-05-06得票数 3
回答已采纳
我有一堆包含文本数据的静态HTML文件：
/a.html
/b.html
/c.html
在我的主页上还有一个选择/下拉框(#loadExternal)。
使用jQuery，我如何使用选择/下拉菜单的onChange事件来触发适当的外部页面加载到我的container DIV中？
<html>
<select id="loadExternal">
<option id="a" value="a" selected="selected">Load a.html</option>
浏览 2提问于2010-12-23得票数 3
3回答
我有一个带有两个jQuery移动滑块的页面，以及两个滑块的.change()事件上的函数。
我需要在两个滑块之间建立一个关系，这样如果我滑动第一个滑块，它就会改变第二个滑块的最大值。
问题是，如果我在第一个滑块的更改事件中执行此操作:例如：$('#durationSlider').max("10"); // Change the max of the 2nd slider
$('#durationSlider').slider("refresh"); // Visually update the 2nd slider
然后，这显然
浏览 1提问于2011-07-23得票数 2
回答已采纳
2回答
每次我在上一个下拉菜单中选择一个选项时，都会从数据库中动态填充三个下拉菜单。
现在，我想访问这些下拉菜单中的值，以便在以后的某个地方构建一个SQL查询。
我使用了以下代码来访问HTML元素：
$( window ).load(function(){
var e = document.getElementById("slctTable");
var slctTableValue = e.value;
console.log(slctTableValue);
});
这段代码只在页面第一次加载时才起作用，所以当我处理下拉菜单时，没有什么变化。
我现在想要的是
浏览 5提问于2016-05-17得票数 0
回答已采纳
我使用Ajax/Jquery显示带有SQL数据库结果的下拉菜单。我使用javascript获取一个变量，然后在PHP中使用该变量。但是，它不起作用。
当用户单击可用的选项时，我使用Jquery ()从select html标记中获取变量。
然后，.on()执行一些php代码，具体取决于从下拉框中选择的值。
我的场景是，我有汽车类(运动，掀背车)和汽车可用。我想做的是，把汽车类放在一个下拉框中，然后根据用户选择的内容显示可用的汽车。我试着用上面的方法做这件事。(所有这些信息都来自SQL数据库)。
有人找到解决办法了吗？
这里是我的javascript代码：
<script>
var
浏览 3提问于2013-12-21得票数 0
回答已采纳
例如，我有一个由开始日期和结束日期组成的表。我如何能够动态地(优化方式)设置InitialFocusedDateValue，以便用户每次打开数据报警器时，他所选择的前一个日期将是焦点日期。
我已经尝试过以下几种方法，但都没有效果：
调用导航事件来设置InitialFocusedDateValue，但是在弹出呈现之后调用它。因此，新的InitialFocusedDateValue不会在第一次单击时生效。绑定>不可能，因为它将日期 Id用于控件，而由Id>调用也不起作用。
我曾经想过，每次选择一个日期时，循环遍历这个表，并将InitialFocusedDateValue分配给
浏览 1提问于2020-08-17得票数 2
我想知道中的哪个属性在被视图修改时发生了更改。为了进行测试，我采用了OpenUI5演练，并在应用程序控制器中添加了以下行
oProductModel.attachPropertyChange( function(oEvent){
console.log("event: ", oEvent);
}, this);
当我在文本输入中更改一个属性时，会调用attachPropertyChange中的函数，但是oEvent对象在控制台中打印时是空的。
我知道我可以连接到文本输入更改事件，但我想使用attachPropertyChange，以防出现同一个模型的多个视图。
浏览 1提问于2018-03-01得票数 1
回答已采纳
我有一个这样的图表模型：
//PSEUDO
chartModel = Backbone.Model.extend({
defaults: {
year : 1970,
selected = ["Sweden", "Denmark"]
}
}
现在，我想设置这两个年份&选定：
chartModel.set({year: 1987, selected : ["Finland"]})
但在触发模型更改之前，我希望“解决”对这个不稳定模型的更改。因此，我传递静默:true并重写set方法：
浏览 2提问于2011-05-30得票数 1
回答已采纳
在表单中有多个选择框，，如何在不使用ids的情况下获得被选中的的值？
下面的代码总是返回第一个选定框的值。
$('form[name=test]').on('change', function () {
alert("Value: " + $('select').val());
});
浏览 2提问于2016-08-22得票数 1
回答已采纳
3回答
我使用的是带有jquery的onchange event of select box。在更改时，我在其他div中给出了display property = none。问题是，当我从数据库中获取数据并将其设置在选择框中时，因此onchange属性不适用于给定值。为什么？我的代码
<select id="patientType" name="Patient_Type">
<option value="">--SELECT--</option>
<option value="OPD">OP
浏览 3提问于2012-10-31得票数 1
回答已采纳
我有一个表单，它有很多控件(ComboBoxes、TextAreas、RadioButtons)使用OpenUI5。我在C++中给出了服务器端控件的值。我想要的是有一个重置按钮，它将清除用户的选择，并将控件还原回默认选项。到目前为止，我可以将表单和控件作为JS对象，如下所示：
this.byId("MainForm").getModel();
到目前为止，我唯一能做的就是彻底清除所有这样的控制：
this.byId("MainForm").getModel().setData(null);
例如，我有一个ComboBox，模型中的默认值是第二个选择。如何保留此值
浏览 0提问于2018-09-21得票数 1
回答已采纳
3回答
更改仅适用于表中的第一行。
、、、、
我从表中的select选项标签中选择一个项来填充数据库中的记录，以填充另一个输入字段，但不幸的是，它只适用于第一个表行。当我用jquery添加另一个表行时，它在新添加的表行中不工作。
<table class="table table-borderd table-hover">
<thead>
<tr>
<th>Product Name</th>
<th>P
浏览 1提问于2016-11-17得票数 0
回答已采纳
我使用Django表单进行注册，最后有一个复选框，但每当我单击submit按钮时，第一个输入类型的值就会更改为" on“。请注意，只有在复选框被选中后，提交按钮才会启用。
我已经使用jQuery来尝试输出该特定字段的值，实际上，它不会返回我输入的值，而只返回"on“。我花了很多时间调试，但还是找不到出路。
form.html
<form method="post">
{% csrf_token %}
{% for field in form1 %}
浏览 5提问于2017-07-14得票数 0
2回答
我有一个带有knockout.js模型的页面。我通过绑定序列化对象的计算属性，以JSON格式将数据“序列化”到文本框。
工作部件的选择：
视图模型
function CourseParticipant(name, facility) {
var self = this;
self.name = ko.observable(name);
self.facility = ko.observable(facility);
}
function CourseParticipantViewModel() {
var self = this;
self.part
浏览 6提问于2012-09-26得票数 0
回答已采纳
我有以下函数，它是对话框的一部分(这里的数据应该与数据表绑定)：
handleChangeRow : function() {
var oTable = sap.ui.getCore().getElementById('WorkOrder');
var oModel2 = oTable.getModel("test");
//var oModel2 = oTable.getModel();
console.log("oModel2 : " + oModel2);
浏览 1提问于2014-01-15得票数 2
回答已采纳
我有一个h3标签
<h3> <a href="#"> Initial Text</a></h3>
我有一台TextBox。当在该TextBox中键入一些值时
<input id="Medication" name="Medication" size="50" type="text" value="">
锚链接值(初始文本)
应替换为TextBox中的值。
我该怎么做呢？有人能帮我这个忙吗？
谢谢
浏览 3提问于2011-10-12得票数 2
回答已采纳
3回答
我尝试使用Jquery来更改表单中"select“输入的值，但当它更改时，该更改的函数就不起作用了。
HTML：
<select id='select'>
<option checked value='1' >Option 1</option>
<option value='2' >Option 2</option>
</select>
<div id='text'>Option 1 selected</div>
<
浏览 1提问于2017-08-17得票数 7
回答已采纳
4回答
我是jQuery的新手，我想知道如何根据选择列表中选择的值完成一个简单的计算。请看下面我放在ImageShack上的屏幕截图以供参考。
我希望能够在右侧的文本框中显示计算结果，如果我在左侧的文本框中输入数字2并按Tab，则右侧文本框的值将更新。如果我可以知道它是如何工作的，那么我就可以从那里开始。非常提前感谢您。
浏览 2提问于2010-07-13得票数 0
回答已采纳
1回答
当我在输入框中输入一个值并提交它时，强制项验证失败，系统显示一条指示参数为空的消息，并指示我输入一个值。获取输入值的代码如下(参见C列中的解决方案)，您能给我一些建议吗？
浏览 3提问于2021-04-20得票数 2
回答已采纳
我有以下代码：
<div>
<label>Location</label>
<asp:TextBox ID="Location" runat="server" CssClass="form-control" ClientIDMode="Static" placeholder="Enter location"></asp:TextBox>
</div>
<div>
<label >Address<
浏览 0提问于2017-03-08得票数 0
2回答
数据报警器-
<datepicker [id]="'create-invoice-invoice-date'" [(value)]="duedate"></datepicker>
我已经将"duedate“传递给datepicker，但是在我的应用程序组件中，我没有得到更改反射。
浏览 0提问于2017-07-17得票数 2
回答已采纳
1回答
我正在尝试更新一个之前没有使用Knockout的应用程序。当我们更改select选项时，很少有输入字段从服务器/数据库获取数据。现在，我正在尝试使用Knockout根据填充的输入字段生成报告。但是，当这些输入字段从数据库中获取数据时，这些数据不会在UI上更新。例如,
<input type = "text" id = "ip1" data-bind = "value:ip1"></input>
从数据库中获取数据。
在报告中，我尝试更新从数据库收到的值。
<tr><td>Left Mar
浏览 0提问于2016-11-05得票数 0
2回答
我正在尝试让jQuery根据类获取一些li元素。
在FF和IE中一切都运行得很顺利，但是webkit浏览器不会触发click事件。我已经通过JSLint运行了代码，它返回时是有效的，我也没有通过Chrome的控制台得到任何错误。
所有代码都可以在上查看
$(document).ready(function () {
$('#countryList option').click(function () {
var myCountry;
$('#countryList').change(function () {
浏览 1提问于2013-04-18得票数 0
<asp:DropDownList runat="server" id="DropDownList1"
DataSourceID="spdatasource1" DataValueField="CategoryName"
AutoPostBack="false">
</asp:DropDownList>
此asp.net dropdonwlist控件呈现以下html。它被数据绑定到sharepoint列表。下拉选项是动态填充的。我正在尝试操作一个选项的onselec
浏览 1提问于2012-01-06得票数 0
4回答
我正在动态创建一个表格，表格中的单元格是图像，每个图像都有值。单击图库中的img后，它会将图像发送/复制到另一个表单元格，并向输入发送一个值。我正在检查这个输入中的变化，我可以看到每次点击后，值都在变化，但是.change()没有运行，这应该是什么问题。
$(document).ready(function() {
var most;
var clickedTableCellAll;
var korpusMaterialNeed = 0;
$("#korpusChoose").on('click', '#TableKor
浏览 0提问于2012-10-05得票数 0
回答已采纳
我想得到的概念是选中一个复选框，我希望返回值为TRUE，取消选中同一复选框时，我希望返回值为False 这是我的HTML代码 <div class="form-group m-form__group row">
<div class="col-lg-4">
<mat-checkbox class="example-margin" type= chec
浏览 22提问于2019-02-28得票数 0
回答已采纳
我正在学习Jquery。我正在努力理解所选的方案。因此，当用户选择一个选项时，我可以做一些事情。
我试图运行Jquery，以便当用户选择customAmountSelected时，它应该向customAmountinput添加一个类'xxx‘
$(document).ready(function() {
if ($("#amountSelected:selected").val() == 'customAmountSelected') {
$('.customAmountinput').addClass('xxx&
浏览 7提问于2016-04-12得票数 4
回答已采纳
1回答
我从OPENUI5 5/SAPUI5 5开始，我试图访问我实现的控件的数据。例如：
<Label text="Amount" /> <Input id="inputAmount" value="{Amount}" /> <Text id="lblCurrency" text="USD" >
如何获得inputAmount或lblCurrency的编程值？
最初，我使用的是模拟服务器，如何以编程方式访问odata模型？我在用：
console.log( this.g
浏览 7提问于2016-08-01得票数 3
回答已采纳
1回答
我有一个Flask-admin应用程序，我有一个带有"Department“和"Subdepartment”字段的类。
在create表单中，我希望当选择一个部门时，Subdepartment select会自动加载所有相应的子部门。
在数据库中，我有一个“部门”表和一个外键"department_id“的"sub_department”表。
有没有关于我如何做到这一点的线索？
提前谢谢。
浏览 2提问于2016-01-14得票数 0
我有两个文本框:本地和国外的电话号码和一个复选框来切换它们，如下所示：
TogglePhoneFields = function(isForeign) {
if (isForeign) {
$('#Phone_LocalNumber').attr('disabled', 'disabled');
$('#Phone_LocalNumber').val('');
$('#Phone_ForeignPhoneNumber').removeAttr('
浏览 1提问于2012-06-21得票数 0
回答已采纳
我有问题的ng-选择(我正在使用最新的版本和角10)。
我正在创建一个名为form-row-select-multiple的公共组件，我将在许多其他组件中使用该组件。以下是此组件的缩短TS文件：
@Input() options: any[] = [];
@Input() optionKey = 'id'; // in case of options object, specify prop
@Input() optionKeyText = 'name'; // in case of options object, specify prop to s
浏览 2提问于2020-08-04得票数 3
回答已采纳
当选中复选框时，我是否可以在Javascript或JQuery中获得“允许招聘人员直接与我联系”？
我知道我可以很容易地得到这个值，但是，除了那些可以在一个可用的文本之外的文本呢？
<input type="checkbox" name="rec" id="rec" value="ON"><label for='rec'>Enable Recruiters to directly contact me</label>
如果你需要更多的澄清，请让我知道！
浏览 0提问于2014-03-06得票数 0
回答已采纳
我有一张桌子，里面有单选按钮。我希望用户能够点击表格行，这将点击单选按钮内。然后，我获取选中的单选按钮的值，并发送到服务器以获取一些更新。
当直接点击单选按钮时，它的效果很好，并且标记的单选按钮的值是正确的。
但是，如果我只是在单选按钮上使用.click();，则事件处理程序似乎会在实际的单击事件发生之前触发，并且在使用$("input:radio:checked").val()时会获得先前的值。
我现在已经通过在单选按钮的点击处理程序中设置100毫秒的超时来“解决”这个问题，但这似乎是错误的。
有没有办法在处理之前执行实际的点击？
谢谢。
浏览 1提问于2012-01-04得票数 1
回答已采纳
1回答
我设置了一个简单的小提琴页面来显示我想要做的事情。
<input title="I want this message to display whatever text is in the input field."></input>
当您悬停在输入字段上时，将显示标题：“我希望此消息显示输入字段中的任何文本。”
我希望这个悬停消息显示任何用户已经输入到实际输入字段。
因此，如果用户在输入字段中输入了，我希望悬停消息(标题)显示
浏览 0提问于2014-07-28得票数 0
回答已采纳
1回答
使用backbone.js -我希望将事件绑定到模型中的任何更改以及嵌套在其中的集合/模型。
现在，我在初始化基模型时执行@bind 'change', () ->。
我如何传递任何更改的数据，即使是深度嵌套的模型？change事件是否带有变量？我需要模型的集合、id、属性等。
谢谢。
浏览 0提问于2011-09-24得票数 0
回答已采纳
3回答
和动态生成文本框
、、
我正在编写一个应用程序，当用户输入数量和价格时，它会给项目总price.User输入他想要的多个项目。此外，我需要显示小总价，这将是所有投入价格之和。我能计算出商品的价格。然而，不知何故，总价格并没有被显示出来。我试过了总吨位函数，它将从总框中获取值。然后把它加在小计箱里。我无法识别任何错误。下面是代码
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1&
浏览 2提问于2018-03-13得票数 0
回答已采纳
这是我第一次使用stackoverflow。希望每件事都有意义。
我正在使用tableTop.js和Handlebar从谷歌电子表格中获取数据。
当加载数据时，每一个都有一个关联的单选按钮，当被选中时需要触发一个事件(目前只有一个警告框)。
我的问题是，当我点击它时，什么也不会发生。
下面是演示的链接
触发事件的代码
$(document).ready(function () {
$(".sem-box").on("change", function () {
var location = $(this).find("h3&#
浏览 0提问于2013-07-22得票数 2
回答已采纳
3回答
我有两个，选择A和B，它们在onchange事件上触发，相同的ajax请求重写某些内容区域。如果我单击选择A中的选项A， onchange运行良好，ajax调用将重写内容。然后，如果单击选择B中的选项B，则此ajax调用也会重写内容。这就是问题所在。如果我想在select A中选择选项A，其中保留了从第一个操作中选择的，那么它不会触发更改事件(原因已经被选中)。
如果选项标签上不支持单击事件，如何解决这个问题？在进行更改后，我尝试取消选择选项标记，例如
complete: function()
{
$(this).prop("selected", false);
}
但
浏览 9提问于2017-02-04得票数 0
回答已采纳
1回答
选择的余烬验收试验
、、、
被选中对我很有用，但我不知道如何让我的验收测试在提交的表单上发送值。
车把模板：
<form>
{{#ember-chosen value=country}}
{{#each countries as |country|}}
<option value={{country}}>{{country}}</option>
{{/each}}
{{/ember-chosen}}
{{#link-to 'countries.show' (query-params country=country) tagName
浏览 1提问于2015-12-03得票数 0
回答已采纳
1回答
在超文本标记语言中，我遇到了<select options>标签的问题。
我正在尝试使用jQuery和Javascript更改select下拉列表的值，这样我就可以使用下拉列表的选定值在AJAX调用中执行某些操作。但是，在更改它之后，我想恢复到我在更改它之前选择的旧值，出现了一些问题……我仍然可以从下拉选项中选取/选择值，但<select option>按钮/表单框中显示的值是我放置在那里的最后一个值。
有没有办法让我解决这个问题？下面是我的代码。
//retrieving value of the selected option
var selBlock = $(&#
浏览 1提问于2014-11-19得票数 1
3回答
这似乎很容易，但我就是不能让幻灯片按钮的checked绑定正常工作。
(我使用的是角9.1和材料9.2。)
下面是html：
<mat-slide-toggle [checked]="isSlideChecked" (change)="toggleChanges($event)">isSlideChecked: {{isSlideChecked}}</mat-slide-toggle>
<p *ngFor="let e of toggleEvents">{{e}}</p>
这是TS：
import
浏览 5提问于2020-06-05得票数 3
回答已采纳
目前，我已经将CAS_No2、CAS_No3、CAS_No5和CAS_No6设置为在属性表中不可见。一旦用户选择"Blend“或"Master Batch"，它就会显示出来。
它确实起作用了。但是，当我关闭窗体并重新打开它时，CAS_No2、CAS_No3、CAS_No5和CAS_No6都没有出现。我把这段代码放在'Form_Load()‘和'Form_Current()’下面，但它仍然没有出现，即使其中有值。只有当我点击back Type组合框并选择"Blend“或"Master Batch”时，它才会出现。
我希望数据在Type的默认
浏览 0提问于2015-11-27得票数 0
可以从模型中调用方法吗？
例如，我扩展了我的JSON模型，并添加了一个名为hello_world的函数。
在我的XML视图中，我希望调用此模型的方法，并从下面的控件中退出事件：
<Select change="{cl_vehicule>}.hello_world">
<items>
<core:Item text="1" key="1"/>
<core:Item
浏览 0提问于2018-10-15得票数 0
回答已采纳
<label for="AddList" class="locType">Select a location</label>
<select id="AddList">
<option value="New">New Address...</option>
</select>
Js。
$(document).ready(function() {
//Location Code
$("#AddList").change(
浏览 2提问于2010-01-13得票数 2
回答已采纳
2回答
如何挂起字段类型文件？
、、、、
请帮忙解决这个问题。是以下一种形式：
.if用户在字段中输入数据：
name, email, phone, message
然后输出到控制台。
但是，如果用户向字段添加了一个文件
attachment
，控制台没有输出(应该显示"55555")。
联署材料：
briefApp.directive('attachmentValidate', function() {
return {
link: function($scope, element, attrs, ctrl) {
$scope.$watch('a
浏览 2提问于2015-03-07得票数 0
回答已采纳
您好，我知道valueUpdate: valueUpdate将在用户输入后进行模型更新，但我想知道如何在其他javascript代码更改值后自动执行javascript
我有一个执行document.getElementById("input").value = "new value“的js代码；
我是否必须手动更新模型，或者我应该使用什么valueUpdate。
浏览 0提问于2012-11-30得票数 2
回答已采纳
我有一个select from observableArray列表，当我在第一个select中选择一个数据时，它会绑定下一个select中的数据。这就是我的代码中的样子。
html：
<tbody data-bind="foreach: Participants">
<tr>
<td data-bind="text: Name"></td>
<td>
<select data-bind="
op
浏览 0提问于2013-06-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
