2011-10-31 1 views
4

질소에서 html리스트를 만들고 싶습니다만 어떻게해야 할지를 알 수 없습니다. 이 작업을 수행 할 수있는 요소가있는 것 같다, 그래서 내 질소 분포 애플 리케이션/질소/SRC/요소/html로 아래 목록에 대한 몇 가지 소스를 발견질소에서 html리스트를 사용하는 방법

<ul> 
    <li>One</li> 
    <li>Two</li> 
</ul> 

하지만 내 시도 중 누구도 : 기본적으로 나는 출력 싶지 요소 컴파일을 사용합니다. 누군가가 위의 HTML을 생산할 스 니펫을 제공 할 수 있습니까?

답변

1

그냥 같이 당신의 얼랑 문자열 목록 manips를 사용

 
body()-> 
Items = ["Joe Armstrong","Robert Virding","Mike Williams"], 
UL = "<ul>" ++ lists:flatten(["<li>" ++ X ++ "</li>" || X <- Items]) ++"</ul>", 
[ 
    #panel{body=[ 
       UL, 
       #br{}, 
       #button {text="Continue", postback=continue} 
    ]} 
].

당신은 항목의 목록이 목록은 데이터베이스 또는 아무것도에서 할 수있다. 목록 항목은 제대로 작동하려면 문자열이어야하며, 다른 유형이면 먼저 변환해야합니다. 그런 다음 목록 이해력과 후자를 사용하면 전체 목록이 단일화됩니다. 희망이 도움이됩니다!

+1

에 지능형리스트로 전환 일반적거야! 정말 고마워! – rancidfishbreath

+0

당신은 환영합니다 @ranchidfishbreath –

4

다음은 원시 HTML 대신 #list 및 #listitem 질소 요소를 사용하는 버전입니다. 이 환상적 일

보다 더 복잡한 어떤 표현을 위해
body() -> 
    List = ["Apple","Orange","Banana"], 
    #list{ 
    body=[#listitem{body=Fruit} || Fruit <- ListOfFruit] 
    }. 

, 나는 lists:map/2

+1

이것은 Muzaaya의 솔루션보다 훨씬 깨끗합니다. 그러나 첫 번째 정답을 주었기 때문에 제 승인을 바꾸고 싶지 않습니다. 이 예제를 기반으로 코드를 구현하기로했습니다. 감사! – rancidfishbreath

+1

완전히 이해할 수 있습니다. 기꺼이 도와 드리겠습니다. – chops

관련 문제