2015-01-13 3 views
2

다음 코드로 부트 스트랩 테이블이 하나 있습니다.부트 스트랩 테이블 데이터 새로 고침 방법

<table id="tblPendingRequests" data-height="300"> 
    <thead> 
    <tr> 
     <th data-field="Version">Version</th> 
     <th data-field="Env">Env</th> 
     <th data-field="Release">Release</th> 
     <th data-field="CreatedBy">Created By</th> 
     <th data-field="Action">Action</th> 
    </tr> 
    </thead> 
</table> 

도 아래에 추가됩니다.

function loadData(){ 
    $(function() { 
     $('#tblPendingRequests').bootstrapTable({}); 
    }); 
} 

은 그 때 나는 코드

var mydata = { 
    "Version": data[index].DeploymentName, "Env": data[index].EnvName, 
    "Release":data[index].ReleaseName, "CreatedBy": data[index].UpdatedBy 
    "Action": ActionButton 
};   
testData.push(mydata); 
updateData(testData); 
function updateData(myData) { 
    $('#tblPendingRequests').bootstrapTable("append", myData); 
} 

그것은 데이터를 제대로 diplaying되는 다음과 같은 라인이 테이블에 일부 데이터를 로딩하고 있습니다. 페이지에 하나의 프로젝트 드롭 다운이 있습니다. Onchange of the project name 신선한 데이터로이 테이블을 채우고 싶습니다. 그것은 일어나지 않습니다. 그것은 내가 원하지 않는 기존 테이블 데이터에 데이터를 추가하는 것입니다. 테이블을 새로 고치고 테이블에 새 데이터를로드하는 방법 Action

는 또한 data[index].DeploymentName 같은 값이 존재하는지 확인하기 전에

+0

링크의

Working Fiddle

UPDATE

사용 load 기능? –

답변

5

당신이 따랐다 방법은 제외하고 정확한지는 mydata에 쉼표가 없습니다. 대신`bootstrapTable` 플러그인에 append

CHECK THIS

+0

정말 고마워요. 방금 바이올린에 대한 예를 확인했습니다. 하지만 버튼을 클릭 할 때마다 테이블에 새 데이터를 채워야합니다. 기존 레코드에 데이터를 추가하는 중입니다. – user1826456

+0

코드를 업데이트했습니다. –

+0

고마워요. Cerlin ... 고맙습니다. 작동했습니다. – user1826456

관련 문제