Modal com tags td

Olá Pessoal,

Estou com um problema, se alguém puder me ajudar agradeço muito.
Tenho uma aplicação de consulta onde eu tenho um registro e pego este registro e o divido em várias colunas dentro de uma |td| . então preciso ao clicar no link destas |td| abrir os detalhes no modal, estou utilizando a biblioteca bootstrap., porem ao clicar nos link só me aparece o 1 registro.

Segue código que estou utilizando:

$linhap = ’

							<button type="button" class="btn btn-success btn-lg mt-2 ml-2" data-toggle="modal" data-target="#myModal"> '.$nm_leito.' </button>
							
							<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
								  <div class="modal-dialog" role="document">
									<div class="modal-content">
									  <div class="modal-header">
										<!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
										<h4 class="modal-title" id="myModalLabel">' .  $nm_leito . '</h4> 
									  </div>
									  <div class="modal-body">
											Leito: '. $nm_leito . '
									  </div>
									  <div class="modal-footer">
										<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
										<button type="button" class="btn btn-primary">Save changes</button>
									  </div>
									</div>
								  </div>
								</div>
																
						</td>

Qual evento está fazendo isso?

No evento onRecord eu chama este método.

Onde está o css desse código?

Eu vejo vários erros aí.

  1. se tiver enxertando js do bootstrap nas aplicações, até onde eu sei esse da conflito com SC.
  2. se a página, por exemplo tiver 15 linhas, você está gerando 15 elementos HTML com o mesmo ID.
    Id=myModal, id=myModalLabel.
  3. esse </td> a esmo aí está quebrando o código interno da grid.

É importante que conheça como o SC gera o código interno para poder enxertar seu próprio HTML nas aplicações.

Da para fazer o que deseja mas esse não é o caminho.

1 Curtida

Opa Haroldo,

Obrigado pelas informações, eu coloco o css no evento OnscriptInit
?>

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<title>Modal em Bootstrap | HomeHost</title>
    <!-- Modal -->


<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<?

//***********************************************