2015-10-05 41 views
2

使用代碼優先的方法開發mvc5應用程序。在我的一個觀點中,我有一個文本框,一個添加按鈕,一個保存按鈕,一個刪除按鈕和一個列表框。將數據綁定到ListBox並將列表發佈到數據庫mvc5

當我在文本框(文本)中輸入一個值並單擊添加按鈕時,它應該被添加到列表框並顯示文本。因此,這個列表框中會有多個文本。而且我也應該能夠使用刪除按鈕刪除列表框中的記錄/記錄。

之後,我想發佈此列表到服務器。這種情況下的大多數任務可以使用Jquery完成,我想。

高達現在我在_AttributeCreate局部視圖已經做

@model eKnittingData.AttributeViewModel 

@using (Html.BeginForm("Save", "Attribute")) 
{ 
    @Html.TextBox("abc") 
    <input type="button" name="AddText" value="Add Text" id="AddText" /> 

    @Html.ListBoxFor(a => a.typevalue, new SelectList(Model.typevalue, "Id", "Text")) 


    <input type="submit" value="Save" id="btn" class="btn btn-success" onclick="disableBtn()" /> 
} 

腳本追加項目

<script> 
     $('#AddText').click(function() { 
      $('#typevalue').append(
       new Option($('input[name=abc]').val())); 
     }); 
</script> 

AttributeViewModel

public class AttributeViewModel 
{ 
    public IEnumerable<String> typevalue { get; set; } 
} 

但這不是幹活G。請指導我如何做到這一點(包括刪除功能和最終職位功能)。提前致謝!

+0

您當前的代碼是沒有意義的。 'typevalue'是'IEnumerable '所以你不能使用'新的SelectList(Model.typevalue,「Id」,「Text」' - 一個'string'不包含'Id'和'Text'屬性。與?和什麼是'onclick =「disableBtn()」'? –

+0

@斯蒂芬Muecke,感謝您的回覆:)我想做的確切如我的問題。我認爲「Id」和「Text」是指列表中特定條目的序號和文本。我想插入一些文本到列表框。在這個觀點中還有很多其他的領域,但我簡要介紹了它,並在這裏只涉及到。請忽略onclick,因爲我錯誤地把它放在這裏。我努力通過文本框綁定數據到列表框,並提交最終列表到數據庫。我無法爲此開發正確的jQuery腳本。感謝您的幫助... – Isuru

+0

'$('#typevalue')。append($('').text($('#abc')。val()));'會添加一個新選項列表框。但是我不確定你是否理解'