У меня есть следующий код JS
self.tagBuild = {
systemId : ko.observable(),
releaseVersion : ko.observable(),
subReleaseVersion : ko.observable(),
templateSize : ko.observable(),
rehydrationCode : ko.observable(),
repoLocation : ko.observable(),
templateLocation : ko.observable(),
faIntegLabel : ko.observable(),
rehydrationCode : ko.observable(),
cdrmDBTemplate : ko.observable(),
dbOperation :ko.observable()
}
Я инициализирую значения, используя приведенный ниже код
self.tagBuild.systemId(self.jobDetails().system_id);
self.tagBuild.releaseVersion(self.jobDetails().faReleaseVersion);
self.tagBuild.templateSize(self.jobDetails().templateSize);
self.tagBuild.rehydrationCode(self.jobDetails().repoLocation + "/ovm-tooling/oracle-ovmautomation-all.zip");
self.tagBuild.repoLocation(self.jobDetails().repoLocation);
self.tagBuild.templateLocation(self.jobDetails().templateLocation);
Я использую tagBuild для открытия диалогового окна. Проблема в том, что когда пользователь изменяет значения в пользовательском интерфейсе, значения в self.tagBuild.templateSize () или других наблюдаемых объектах не меняются. В чем может быть проблема?
Ниже приведен html-код, в котором используются наблюдаемые
<div slot="body">
<!-- ko with:tagBuild-->
<div class="oj-form-layout">
<div class="oj-form oj-sm-odd-cols-12 oj-md-odd-cols-4 oj-md-labels-inline oj-form-cols-labels-inline oj-form-cols-max2">
<div class="oj-flex">
<div class="oj-flex-item">
<oj-label for="systemID" >System ID</oj-label>
</div>
<div class="oj-flex-item">
<oj-input-text id="releaseVersion" data-bind="attr: {value:systemId,readonly:true} " ></oj-input-text>
</div>
</div>
<div class="oj-flex">
<div class="oj-flex-item">
<oj-label for="releaseVersion" >Release Version</oj-label>
</div>
<div class="oj-flex-item">
<oj-input-text id="releaseVersion" data-bind="attr: {value:releaseVersion}" ></oj-input-text>
</div>
</div>
<div class="oj-flex">
<div class="oj-flex-item">
<oj-label for="subReleaseVersion">Sub Release Version</oj-label>
</div>
<div class="oj-flex-item">
<oj-input-text id="subReleaseVersion" data-bind="attr: {value:subReleaseVersion}"></oj-input-text>
</div>
</div>
<div class="oj-flex">
<div class="oj-flex-item">
<oj-label for="templateSize">Template Size</oj-label>
</div>
<div class="oj-flex-item">
<oj-input-text id="templateSize" data-bind="attr: {value:templateSize}"></oj-input-text>
</div>
</div>
<div class="oj-flex">
<div class="oj-flex-item">
<oj-label for="templateSize1">Template Size</oj-label>
</div>
<div class="oj-flex-item">
<oj-input-text id="templateSize1" data-bind="attr: {value:templateSize}"></oj-input-text>
</div>
</div>
<div class="oj-flex">
<div class="oj-flex-item">
<oj-label for="repoLocation">Repo Location</oj-label>
</div>
<div class="oj-flex-item">
<oj-input-text id="repoLocation" data-bind="attr: {value:repoLocation}"></oj-input-text>
</div>
</div>
<div class="oj-flex">
<div class="oj-flex-item">
<oj-label for="templateLocation">Template Location</oj-label>
</div>
<div class="oj-flex-item">
<oj-input-text id="Config" data-bind="attr: {value:templateLocation}"></oj-input-text>
</div>
</div>
<div class="oj-flex">
<div class="oj-flex-item">
<oj-label for="FAIntegLabel">FA Integ Label</oj-label>
</div>
<div class="oj-flex-item">
<oj-input-text id="FAIntegLabel" data-bind="attr: {value:faIntegLabel}"></oj-input-text>
</div>
</div>
<div class="oj-flex">
<div class="oj-flex-item">
<oj-label for="rehydrationCode">Rehydration Code </oj-label>
</div>
<div class="oj-flex-item">
<oj-input-text id="rehydrationCode" data-bind="attr: {value:rehydrationCode}"></oj-input-text>
</div>
</div>
<div class="oj-flex">
<div class="oj-flex-item">
<oj-label for="cdrmDBTemplate">CDRM DB Template </oj-label>
</div>
<div class="oj-flex-item">
<oj-input-text id="cdrmDBTemplate" data-bind="attr: {value:cdrmDBTemplate}"></oj-input-text>
</div>
</div>
</div>
</div>
<!--/ko-->
</div>
<div slot="footer">
<oj-button id="okButton" class='oj-button-primary' data-bind="click: saveBuildTags">Submit</oj-button>
</div>
</oj-dialog>
