AC2 Bug #15 - P tag Not Showing Value of Input Field in a Repeat

Wappler General Bugs
#1

Wappler Version : 5.8.2 Beta dmxAppConnect (2023-06-27 12:52)
Operating System : Windows
Server Model: PHP
Database Type: MySQL
Hosting Type: WAMP

Expected behavior

What do you think should happen?

You should be able to display the value of an input field within a repeat in a <p> tag, in a structure like this:

repeat rg_data my_data.data.my_data
   <input id="i_file_title" dmx-bind:value="file_title"> -- file_title is a field in my_data.data.my_data
      <p>{{i_file_title.value}}</p>

Actual behavior

What actually happens?

This works in the stable channel, but not in the beta channel.
This code is in a modal, and when the modal is viewed, the console shows this:

ac_bug_15

How to reproduce

Create a structure as shown above…

I can DM you with the specific code from my app if required!

Wappler 6.0.0 Beta 3 released
#2

Pleas post your modal code here, so we can see your structure.

#3

Here is the repeat…

<div dmx-repeat:rg_files="i_files_show_hidden.checked?files.data.files.where(`is_logo`, is_logo.value, &quot;==&quot;).where(`is_deleted`, 0, &quot;==&quot;).where(`file_title.lowercase()`, i_file_title_search.value.lowercase(), &quot;contains&quot;).where(`file_type`, this_file_type.value, &quot;contains&quot;):files.data.files.where(`is_logo`, is_logo.value, &quot;==&quot;).where(`is_hidden`, 0, &quot;==&quot;).where(`is_deleted`, 0, &quot;==&quot;).where(`file_type`, this_file_type.value, &quot;contains&quot;).where(`file_title.lowercase()`, i_file_title_search.value.lowercase(), &quot;contains&quot;)">
								<dmx-value id="delete_file" dmx-bind:value="0"></dmx-value>
								<dmx-value id="show_image" dmx-bind:value="0"></dmx-value>
								<dmx-value id="edit_file_title" dmx-bind:value="0"></dmx-value>
								<div class="row py-2" dmx-show="delete_file.value == 0">
									<div class="col-auto">
										<p dmx-show="file_type == 'i'" class="fs_100 c_green1"><i class="fas fa-image"></i></p>
										<p dmx-show="file_type == 'a'" class="fs_100 c_yellow1"><i class="fas fa-paperclip"></i></p>

									</div>

									<div class="col align-self-center px-0" dmx-on:click="flow_upsert_file.run({id:id})">
										<input id="i_file_title" name="file_title" type="text" class="form-control input_text" dmx-bind:value="file_title" dmx-bind:disabled="edit_file_title.value==0" dmx-show="edit_file_title.value == 1">

										<p class="font-weight-bold lh_13" dmx-class:is_hidden="is_hidden==1" dmx-show="edit_file_title.value == 0">{{i_file_title.value}}</p>
									</div>

									<div class="col-auto px-1" dmx-show="can_choose_image.value==1">
										<p class="action_right" dmx-show="(edit_file_title.value == 0)" dmx-on:click="
										( (window_activities_right.value=='activity_titles') && (window.value=='app_activities') )?f_activity_titles.i_activity_image_url.setValue(clickable_file_url.value):false;
										( (window.value=='app_settings') && (window.value=='app_settings') )?f_brand.i_brand_logo_url.setValue(clickable_file_url.value):false
										"><i class="far fa-arrow-alt-circle-right"></i>Choose</p>
									</div>
									<div class="col-auto px-1">
										<p class="action_right" dmx-show="edit_file_title.value == 0" dmx-on:click="edit_file_title.setValue(1)"><i class="fas fa-pencil-alt"></i></p>
										<p class="action_right" dmx-show="edit_file_title.value == 1" dmx-on:click="edit_file_title.setValue(0);update_file_title.load({id:id, file_title: i_file_title.value})"><i class="fas fa-check mr-0 c_green1"></i></p>
									</div>

									<div class="col-auto px-1">
										<p class="action_right" dmx-show="is_hidden == 0" dmx-on:click="hide_file.load({id:id, hide: 1})"><i class="far fa-eye-slash mr-0"></i></p>
										<p class="action_right" dmx-show="is_hidden == 1" dmx-on:click="hide_file.load({id:id, hide: 0})"><i class="fas fa-eye mr-0"></i></p>
									</div>
									<div class="d-none col-auto">
										<p class="action_right" dmx-on:click="delete_file.setValue(1)"><i class="far fa-trash-alt mr-0"></i></p>

									</div>
									<div class="d-none col-auto">
										<p class="action_right c_red1" dmx-on:click="show_image.value==0?show_image.setValue(1):show_image.setValue(0)"><i class="fas fa-binoculars mr-0"></i></p>
									</div>
									<div class="col-auto pl-1 pr-2">
										<a class="action_right text-center" target="_blank" dmx-bind:href="file_url" dmx-show="this_file_type.value=='a'"><i class="fas fa-binoculars"></i></a>
										<p class="action_right text-center" dmx-show="this_file_type.value=='i'" dmx-on:click="show_image.value==0?show_image.setValue(1):show_image.setValue(0)"><i class="fas fa-binoculars"></i></p>
									</div>

								</div>
								<div class="row mb-2">
									<div class="col pl-5">

										<img dmx-bind:src="show_image.value==1?file_url:false" class="w-50 rc_10" dmx-show="show_image.value==1">


									</div>
								</div>
								<div class="row mb-2 bg_right1 py-2 rc_5" dmx-show="delete_file.value == 1">
									<div class="col align-self-center cursor_pointer">
										<p class="">Delete <span dmx-show="this_file_type.value=='i'">image</span><span dmx-show="this_file_type.value=='a'">attachment</span> '{{file_title}}'?</p>
									</div>
									<div class="col-auto">
										<button class=" button_delete" dmx-on:click="aws_s3_delete.load({file_url: file_url, id: id})">Delete <span dmx-show="this_file_type.value=='i'">image</span><span dmx-show="this_file_type.value=='a'">attachment</span></button>
									</div>
									<div class="col-auto">
										<button class=" button_cancel" dmx-on:click="delete_file.setValue(0)">Cancel</button>
									</div>
								</div>
								<div class="row pb-2 bb_right2" dmx-show="(is_hidden == 0) && (can_choose_image.value == 0)">
									<div class="col mx-4 py-1 align-self-center cursor_pointer bgh_right1 rc_5" dmx-on:click="flow_upsert_file.run({id:id})">
										<textarea style="max_height:60px;resize:none;" class="form-control fs_60 lh_13 p-0 cursor_pointer c_right6 b_transparent bg_transparent" dmx-bind:value="file_url" dmx-on:click="
											browser.selectAll();
											browser.copy();
											notification.success(' copied!');
											window_activities_right.value=='activity_titles'?f_activity_titles.i_activity_image_url.setValue(clickable_file_url.value):false
											" rows="2" id="clickable_file_url"></textarea>
									</div>

								</div>
								<div class="d-none container container_field" dmx-show="show_image.value == 1" id="c_file_image">
									<!-- <div id="c_search_show_image" is="dmx-if" dmx-bind:condition="show_image.value == 1"> -->
									<div class="row mb-2">
										<div class="col-auto">
											<p dmx-show="file_type == 'i'" class="invisible"><i class="fas fa-image"></i></p>
										</div>
										<div class="align-self-center  p-2 b_right3 rc_5 col-auto">
											<div class="row justify-content-end">
												<div class="col-auto px-2">
													<p class="view_right" dmx-on:click="show_image.setValue(0)"><i class="fas fa-times"></i></p>
												</div>
											</div>
											<!-- <img dmx-bind:src="file_url" style="max-width:500px;max-height:500px;"> -->
										</div>
									</div>
								</div>



							</div>
#4
#5

Is this still happening with the latest App Connect version?

Latest version: dmxAppConnect.zip (28.7 KB)

#6

Thanks @patrick, I’ll try that in a moment… am just upgrading from 5.8.2 beta to 6.0 beta 2.

Are there any other files to load on top of 6.0 beta 2 for me to test out apart from this dmxAppConnect.js?

#7

Yes, this is fixed with this file above, @build 2023-08-08 10:37:14 :rocket:

#8
#9

This has been fixed in the latest beta updates.

#10
#11