如何将对象字段绑定到文本框?

时间:2012-11-23 05:24:35

标签: c# asp.net-mvc-3 knockout.js knockout-mvc

型号:

public class DishesModel
{
    public Dish DishToAdd{get; set;}
    public List<Dish> AllDishes{get; set;}
    public List<Category> AllCategories{get; set;}
    public List<Dish> SelectedDishes{get; set;}

    public DishesModel()
    {
        DishToAdd = new Dish();
    }

    public void AddDish()
    {
        if(DishToAdd!=null && !AllDishes.Contains(DishToAdd))
        {
            AllDishes.Add(DishToAdd);
            DishToAdd = null;
        }
    }

    public void RemoveSelected()
    {
        AllDishes.RemoveAll(d=>SelectedDishes.Any(m=>m.Name==d.Name));
        SelectedDishes.Clear();
    }

    public void SortDishes()
    {
        AllDishes.Sort();
    }

}

public class Dish:BaseEntity<Int32>
{
    public virtual String Name{get; set;}
    public virtual Decimal Price{get; set;}
    public virtual String Description{get; set;}
    public virtual IList<Category> Categories{get; set;}
    public virtual IList<Complex> Complexs{ get; set;}
}

剃刀:

 @{
    KnockoutContext<MyMenu.Models.DishesModel> ko = Html.CreateKnockoutContext();
}

@{
    ViewBag.Title = "title";
}

<h2>Work with dishes.</h2>
@using(ko.Html.Form("AddDish", "Dishes", null, new{id="formDishes"}))
{
    @ko.Html.ListBox(m => m.AllDishes, new {size = 15}, dish => dish.Name).SelectedOptions(m=>m.SelectedDishes)
    @ko.Html.Button("Remove", "Remove", "Dishes").Enable(m => m.SelectedDishes.Count > 0)
    @ko.Html.Button("Sort", "Sort", "Dishes").Enable(m => m.AllDishes.Count > 1)
         <span>Name</span>         @ko.Html.TextBox(m=>m.DishToAdd.Name).ValueUpdate(KnockoutValueUpdateKind.KeyPress)
         <span>Price</span>
         @ko.Html.TextBox(m =>m.DishToAdd.Price).ValueUpdate(KnockoutValueUpdateKind.KeyPress)
         <span>Description</span>
         @ko.Html.TextBox(m => m.DishToAdd.Description).ValueUpdate(KnockoutValueUpdateKind.KeyPress)
         <button type="submit" @ko.Bind.Enable(m => m.DishToAdd.Name.Length > 0)>Add</button>

}

<script type="text/javascript">
    $('#formDishes').ajaxForm();
</script>

@ko.Apply(Model)

控制器:

public ActionResult AddDish(DishesModel model)
    {
        model.AddDish();
        return Json(model);
    }

未捕获错误:无法解析绑定。 消息:TypeError:object不是函数; 绑定值:值:DishToAdd()。名称,值更新:'keypress'knockout-2.2.0.js:5

如何将DishToAdd.Name绑定到TextBox?

提前致谢!

1 个答案:

答案 0 :(得分:0)

尝试使用字符串数据类型

对类型进行类型转换
相关问题