2017-03-10 23 views
0

我嘗試了幾種方法來獲取這個元組列表,在我的cshtml視圖中顯示爲uploadModel.ErrorsList,但沒有運氣,這隻顯示對象的類型Errorslist(元組列表int,string,string)是,ErrorMessages(字符串)在屏幕上顯示正確的值。這是我的觀點:中在C#中顯示元組列表的列表

@using Custom.Website.Areas.Custom.Models 
@model Custom.Website.Areas.Custom.Models.ExcelUploadModel 

<style type="text/css"> 
    #ExcelUploadForm { 
     text-align: center; 
    } 
</style> 

<div id="ExcelUploadForm" title="Excel Upload Results"> 
    <h2 id="requireReUpload" style="color:darkred">Please fix the following errors and reupload:</h2> 
    <h2 id="uploadSuccess" style="color:green">Your Upload was successful. @Model.UploadedRowCount tickets updated.</h2> 
    <div>Editable fields: Transporter Ticket #,Transporter, Driver, Truck, AFE #, Water Type, Quantity, Operator Job #, Lease.</div> 
    <div> 
     <ul id="uploadErrors"></ul> 
    </div> 
    <button class="backButton">Back</button> 
</div> 

<script type="text/javascript"> 
    document.getElementById("requireReUpload").style.display = 'none'; 
    document.getElementById("uploadSuccess").style.display = 'none'; 

    $(document).ready(function() { 
     $('#uploadErrors').append('<li>@Model.ErrorMessage</li>'); 

     $('#uploadErrors').append('<li>@Model.ErrorsList</li>'); 

     //This function checks if the Error list contains any value. 
     function excelUploadMessage() { 
      // If Error List has nothing, display Success 
      if ($('ul#uploadErrors:not(:has(li)')) { 
       document.getElementById("uploadSuccess").style.display = 'block'; 
      } // Otherwise, display reupload message 
      else { 
       document.getElementById("requireReUpload").style.display = 'block'; 
      } 
     } 
     excelUploadMessage(); 

    }); 

    $('.backButton').click(function() { 
     window.history.back(); 
    }); 
</script> 

回答

1

代替:

$('#uploadErrors').append('<li>@Model.ErrorsList</li>'); 

創建一個for循環:

@foreach (var tupleErr in Model.ErrorsList){ 
<text>$('#uploadErrors').append('<li>@tupleErr.Item1 @tupleErr.Item2 @tupleErr.Item3</li>');</text> 

} 

遺憾沒有驗證語法;但想法是你需要遍歷列表,然後爲列表中的每個項目添加一個jQuery語句。請記住,您可以通過「Itemx」屬性訪問元組項目。

+0

完美工作。非常感謝mymo! –