2016-07-22 3 views
0

값 TD의 입력 필드를 사용 : http://www.listjs.com/examples/table를 ... 그러나List.js - 대신, H3는, p는 그들이 명확하게 테이블을 사용하고 심지어 예를 제공하는 방법을 나열 List.js 사이트에

<tr> 
    <td class="name">Jonny Stromberg</td> 
    <td class="born">1986</td> 
</tr> 

, 대신 입력 값을 사용하고 싶습니다 ...

<tr> 
    <input class="name" value="Jonny Stromberg"> 
    <input class="born" value="1986"> 
</tr> 

결과 값이 비어있는 입력 값은 예상하지 못한 결과입니다. 그러나 궁극적 인 목표는 입력 값 이름을 지정하고 세션에서 열/행을 저장하는 것입니다.

누구나 같은 배에 있었습니까?

답변

0

<input><td></td> 태그로 묶어보십시오. <inputs> 태그 중 value을 올바르게 설정 했으므로 정확하게 채워야합니다. 같은

뭔가 그렇게 나를 위해 잘 작동 :

<table> 
    <!-- IMPORTANT, class="list" have to be at tbody --> 
    <tbody class="list"> 
     <tr> 
     <td><input class="name" value="Jonny Stromberg"></td> 
     <td><input class="born" value="1986"></td> 
     </tr> 
     <tr> 
     <td><input class="name" value="Jonas Arnklint"></td> 
     <td><input class="born" value="1985"></td> 
     </tr> 
     <tr> 
     <td><input class="name" value="Martina Elm"></td> 
     <td><input class="born" value="1986"></td> 
     </tr> 
     <tr> 
     <td><input class="name" value="Gustaf Lindqvist"></td> 
     <td><input class="born" value="1983"></td> 
     </tr> 
    </tbody> 
</table> 

JSFiddle - 내가 원하는 결과 입력 필드를 사용하여 값 속성을 충전을 달성 할 수 있었다 https://jsfiddle.net/oLbey91h/1/

+0

나는 그것을 이미 시도했지만 다시 시도 할 것이라고 생각했습니다. JS 스크립트 *를 HTML 뒤에 넣었습니까? –

+0

@KarlHill 그래, 그들의 예제에서 그들은 그것도 '

'뒤에 사용하고 있습니다. 모든 응용 프로그램에 대해서, 나는'' 태그 바로 전에 스크립트를 띄웁니다. – James

+0

다음은 올바르게 작동하지 않는 예제입니다. 확실히 목록의 새 항목을 테이블에 추가하지 마십시오. http://pastebin.com/A1vRJS5F –

0

. 여기 Pastebin : http://pastebin.com/dEfjdNCi입니다.

"options"에서 클래스 이름은 "value"특성을 가리 킵니다.

<div id="users"> 
    <table> 
     <!-- IMPORTANT, class="list" have to be at tbody --> 
     <tbody class="list"> 
     <tr> 
      <td style="display:none;"><input class="id" type="hidden"></td> 
      <td><input class="name"></td> 
      <td><input class="born"></td> 
     </tr> 
     </tbody> 
    </table> 
</div> 

<script> 
    $(document).ready(function() { 
     var options = { 
      valueNames: [ 
       {attr: 'value', name: 'id'}, 
       {attr: 'value', name: 'name'}, 
       {attr: 'value', name: 'born'}, 
      ] 
     }; 
</script>