2017-05-03 7 views
0

は私が.cshtml file.But内のHTMLテーブルを持っている値データは

<script> 
    var nTable = ""; 
    $(document).ready(function() { 
     @foreach (var item in Model.NewsModel) 
     { 
      @:nTable = "<tr class=\"news1\">"; 
      @:nTable += "<td>"; 
      @:nTable += "<input id=\"test1\" value="+ item.NewsNo +" class=\"form-control\" />";// This is not working/item.NewsNo has a value. 
      @:nTable += "<input id=\"test1\" value=\"Helloooo\" class=\"form-control\" />";// This is working with hardcoded values 
      @:nTable += "<td>"; 
      @:nTable += "</tr>"; 
     } 
     document.getElementById('GlobeNews').innerHTML = nTable; 
    }); 
</script> 

<div class="panel panel-success"> 
    <div class="panel-heading"><u><b>Total News</b></u></div> 
    <div class="panel-body utiDIv"> 
     <table id="GlobeNews"> 
      <tr></tr> 
     </table> 

    </div> 
</div> 
+2

場合は、属性値の前後に引用符を含める必要があります:'値= \ "" + item.NewsNo + "\" '。また、すべての行で 'id'を複製しています。彼らはユニークである必要があります –

+0

スクリプトを使って '

'をビルドする理由は何ですか? –

+0

ここでは

要素はありますか? – KurioZ7

答えて

0

はあなたのように思えますNewsNoにnull値があります。私はこれを行うより良い方法は、jsコードに追加する代わりに、HTMLでループを含めることをお勧めします。これを試してみてください: `item.NewsNo`にスペースが含まれている

<div class="panel panel-success"> 
<div class="panel-heading"><u><b>Total News</b></u></div> 
<div class="panel-body utiDIv"> 
    <table id="GlobeNews"> 
     @foreach (var item in Model.NewsModel) 
     { 
      <tr class="news1"> 
       <td> 
        <input id="test1" value="@item.NewsNo" class="form-control" /> 
        <input id="test1" value="Helloooo" class="form-control" /> 
       <td> 
      </tr> 
     } 
    </table> 

</div>