easyui tree 사용자 정의 속성 사용

6572 단어 easyui
easyui tree 구성 요 소 를 아 는 동 화 는 tree 의 node 가 자신 만 의 속성 (id, text, iconcls, checked, state, attribute, target) 이 있다 는 것 을 알 고 있 을 것 이다.원래 이 몇 가지 속성 이 html 방식 으로 인 스 턴 스 를 부여 하려 면 완전히 할 수 없습니다.attribute 속성 은 json 방식 이 어야 값 을 부여 할 수 있 습 니 다.이것 도 우리 개발 에 불편 을 가 져 왔 다.이제 데이터 - options 라 는 속성 이 생 겨 모든 문제 가 쉽게 풀 렸 다.
나 이 드 가 특수 한 속성 을 가 진 node 를 정의 하면 다음 과 같은 방식 으로 이 루어 집 니 다.
view source
 
print
? 1 <ul id= "tt1" class= "easyui-tree" data-options= "animate:true,dnd:true" > 2          <li> 3              <span>Folder</span> 4              <ul> 5                  <li data-options= "state:'closed'" > 6                      <span>Sub Folder 1</span> 7                      <ul> 8                          <li data-options= "attributes:{'url':'xxxxx'}" >
view source
 
print
? 1      <span><a href= "#" >File 11</a></span> 2 </li> 3 <li data-options= "attributes:{'url':'xxxxx'}" >
view source
 
print
? 1              <span>File 12</span> 2          </li> 3          <li> 4              <span>File 13</span> 5          </li> 6      </ul> 7 </li> 8 <li data-options= "attributes:{'url':'xxxxx'}" >
view source
 
print
? 1      <span>File 2</span> 2 </li> 3 <li data-options= "attributes:{'url':'xxxxx'}" >
view source
 
print
? 01                  <span>File 3</span> 02              </li> 03              <li id= "123" data-options= "attributes:{'url':'xxxxx'}" >File 4</li> 04              <li>File 5</li> 05          </ul> 06      </li> 07      <li> 08          <span>File21</span> 09      </li> 10 </ul>
 그리고 우 리 는 js 방법 을 통 해 tree 의 node 대상 을 얻 을 때 node. attributes. url 에서 해당 하 는 값 을 얻 을 수 있 습 니 다.

좋은 웹페이지 즐겨찾기