2015-01-13 41 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我想用新數據填充這張表。它沒有發生。它將數據附加到我不想要的現有表格數據上。如何刷新表格並在表格中加載新數據。

+0

鏈接'bootstrapTable'插件? –

回答

5

你遵循的方法是正確的,除了在mydata逗號丟失之前Action

還要確保類似data[index].DeploymentName值是現有的。

Working Fiddle

UPDATE

使用load函數,而不是append

CHECK THIS

+0

非常感謝你。我剛剛在小提琴上檢查了你的例子。但是我需要在每次點擊按鈕時在表格中填充新的數據。它將數據附加到現有記錄。 – user1826456

+0

我已經更新了代碼。請檢查 –

+0

非常感謝Cerlin ...它的工作:) – user1826456