이미지를 표시하려고하지만 Yii의 드롭 다운 목록에 종속됩니다. 데이터베이스에서 이미지를 가져 와서 표시 할 수 있지만 드롭 다운의 선택에 따라 동적으로 수행하는 방법은 무엇입니까?Yii 동적으로 드롭 다운에 따라 이미지 표시
답변
여기는 참조 번호 : http://www.yiiframework.com/wiki/24/creating-a-dependent-dropdown#hh0입니다. 어떻게하는지 보여 드리겠습니다.
먼저 모두 이미지가 표시 될 div가 필요합니다. 나는 id가 'img'가 될 사람을 만들 것입니다.
'URL'에서<?php echo $form->labelEx($model,'attribue'); ?>
<?php echo $form->dropDownList($model,'attribute',
array(/*The options in the DropDownList*/),
array(
'ajax'=>array(
'type'=>'POST',
'url'=>CController::createUrl('YourController/actionWhichEchoesTheImage'),
'update'=>'#img',
)));
?>
<div id="img"> // <---- the result of the ajax call will be displayed here
</div>
우리가 아약스 요청을 트리거 할 때 호출되는 함수를 지정 속성 다음() 그런 다음, 아약스 요청은 드롭 다운리스트 내에서 지정됩니다. 'update'속성에서 우리는 div 함수를 호출 한 결과를 표시 할 div를 지정했습니다 (이미지).
마지막으로 우리는 actionWhichEchoesTheImage() 액션을 선언해야합니다. 현재 컨트롤러에서이를 선언합시다.
public function actionWhichEchoesTheImage()
{
if(isset($_POST['ModelName']['attribute']))
/*Here goes your code to load the image*/
echo CHtml::image(//Check the reference to see how to set this function);
}
확인 CHTML :: 이미지() 여기 : 그것은이 같은 보일 것 http://www.yiiframework.com/doc/api/1.1/CHtml/#image-detail
답장을 보내 주셔서 감사합니다. 드롭 다운에 이미 아약스 액션이있는 경우 두 가지 별도 액션을 호출하고 div 및 다른 드롭 다운을 업데이트 할 수 있습니까? – user1142175
예, 가능하지만 일부 jQuery 코드가 필요합니다. 내 관점에서 말하면, 그것은 완전히 다른 질문입니다. 아마도 게시 할 수 있습니다. 그것은 좋은 것입니다. –
확인. 할 것이다. 감사! – user1142175
- 1. 드롭 다운에 따라 양식 필드를 채우는 방법
- 2. 드롭 다운 상자는 PHP smarty의 다른 드롭 다운에 따라 달라집니다.
- 3. 첫 번째 드롭 다운에 따라 드롭 다운의 값을 얻기가 필요
- 4. jsp의 드롭 다운에 배열 목록 표시
- 5. 드롭 다운에 이전 비활성 데이터 표시
- 6. jQuery로 드롭 다운에 데이터베이스 값 표시
- 7. 드롭 다운에 표시 할 필드 변경
- 8. JQuery : 선택 드롭 다운에
- 9. Yii 두 개의 개별 메서드 호출 및 하나의 드롭 다운에 따라 두 개의 개별 필드 업데이트
- 10. 체크 박스 드롭 다운에
- 11. 빈 드롭 다운에 서비스의 호출을 동적으로 채 웁니다.
- 12. iPhone + 드롭 다운에 대한 대안
- 13. 드롭 다운에 따라 클래스 별 확인란을 숨기거나 표시합니다. selectedIndex
- 14. 변경 이미지 드롭 다운 옵션에 따라
- 15. Tableau에서 동적으로 이미지 표시
- 16. .Net 다른 드롭 다운에 영향을 미치는 드롭 다운을 생성합니다.
- 17. 메가 드롭 다운에 데이터를 입력하십시오.
- 18. 일반 목록을 드롭 다운에 바인딩
- 19. 계단식 드롭 다운에 폼을 제출하십시오
- 20. Syle이 드롭 다운에 적용되지 않음
- 21. 관리자가 작성자 드롭 다운에 누락되었습니다.
- 22. 폼 드롭 다운에 객체 사용하기
- 23. JMenu 드롭 다운에 JTattoo가 나타납니다.
- 24. nofollow를 드롭 다운에 추가하는 방법
- 25. WTForms 드롭 다운에 외래 키 필드 이름 표시
- 26. jQuery 유효성 검사기 - IE의 드롭 다운에 대한 강조 표시
- 27. MVC4의 드롭 다운에 데이터를 추가하는 방법은 무엇입니까?
- 28. 자바 스크립트의 드롭 다운에 값을 추가하는 방법
- 29. 아약스 드롭 다운에 다른 열 추가
- 30. 다른 드롭 다운의 선택에 따라 동적으로 드롭 다운 하나 채우기
정보가 충분하지 않음을,하지만 당신은 전화를 할 때마다 * 모든 * 이미지를 미리로드 중 필요하거나 AJAX를 만들 것 드롭 다운이 변경되었습니다. – Jon
죄송합니다. 드롭 다운이 변경 될 때마다 아약스 호출을해야합니다. – user1142175