XML Data Binding 샘플

 

XML데이터를 HTML테이블로 바인딩 하는 샘플 예제~~~

 

실행결과

 

 

너무~~ 쉽군하~~~

 

소스는 아래에~~~~~~

 

첨부파일은 가우스 데이터셋의 내용을 table로 바인딩~ 샘플.

 

<html>
<head>

<script langugae="javascript">

/**
 * XML데이터 바인딩
 **/
function fcBinding() {
 var xml = "<data><row><code>rogerrb</code><name>홍길동</name></row><row><code>dlars</code><name>유우</name></row></data>";
 rogerrbXML.async = true;
 rogerrbXML.loadXML(xml);

}

</script>

</head>
<body>
<input type=button value="바인딩" onclick="fcBinding()">

<!-- XML 객체 -->
<XML ID="rogerrbXML" ></XML>

<table dataSrc="#rogerrbXML" border=1>
 <thead>
 <tr>
  <th> 아이디 </th>
  <th> 이 름</th>
 </tr>
 </thead>
 <tr>
  <td><span dataFld="code"></span></td>
  <td><span dataFld="name"></span></td>
 </tr>
</table>
</body>
</html> 

 

 

databinding-rogerrb.zip

[Bind/Tip] 바인딩 처리시 데이터셋속성과 연동시 readOnly/Disable 설정법

데이터셋과 각 HTML/Gauce 오브젝트 바인딩시에 데이터셋의 컬럼 프로퍼티가 KeyValue 타입일때

 

바인딩시에 Edit가 안되도록 하는 방법은 아래와 같다. (readonly설정)

 

EmEdit의 경우 Disable=readOnly로 주면 되고,

   <C>Col=Partno  Ctrl=sMxEm Param=text   Disable=readonly</C>

 

Input type=text타입인 경우에도 Disable=readonly로 주면 된다.
   <C>Col=Partno     Ctrl=oInput        Param=value   Disable=readonly</C>

 

 

바인딩시에 Disable로 설정하는 경우는 아래와 같다.

 

EmEdit의 경우에는 Enable=Enable로 주면 되고,

   <C>Col=Partno  Ctrl=sMxEm Param=text   Enable=Enable</C>

 

Input type=text타입인 경우에는 Disable=disabled로 주면 된다.
   <C>Col=Partno     Ctrl=oInput        Param=value   Disable=disabled</C>

 

 

이상~~~ 끝~~~~~~~~~~