MVC3 Ajax复选框网格

时间:2012-07-17 00:27:54

标签: ajax asp.net-mvc-3 grid checkbox jscript

我想做一个包含产品/类别的复选框。产品和类别可以是动态的(我的意思是,产品/类别的数量可以改变)。当我选中一个方框时,我能够创建网格并保存数据。我的问题是正确使用ajax。

这是我的模特:

 public class ProductModel
 {
    public List<List<ProductItemGrid>> ProductItemGrid { get; set; }
    public List<string> ProductNameList { get; set; }
    public List<string> CategoryNameList { get; set; }

}

public class ProductItemGrid
{
    public int ProductID { get; set; }
    public int CategoryID { get; set; }
    public bool ProductInCategory { get; set; }
}

我的部分观点,(我使用列表列表填充它):

@for (int i = 0; i < Model.ProductNameList.Count(); i++)
{
<tr class=@(i % 2 == 0 ? "even" : "odd")>

    <td style="font-weight: bold;">
        @Html.DisplayFor(x => x.ProductNameList[i])
    </td>
    @foreach (var result in Model.ProductItemGrid[i])
    {
        string ckBoxName = result.ProductID.ToString() + result.CategoryID.ToString();
        <td id='<%=ckBoxName%>'>
        @using (Ajax.BeginForm("UpdateProductItem", "Product", new AjaxOptions() { InsertionMode = InsertionMode.Replace, UpdateTargetId = ckBoxName }))
        {

                @Html.Hidden("p_CategoryID", result.CategoryID)
                @Html.Hidden("p_ProductID", result.ProductID)
                @Html.CheckBox("<%=ckBoxName%>", result.ProductInCategory, new { onclick = "test" })

        }
        </td>
    }
    </tr>
}

现在视图包含一些错误,但我确信你会得到主要想法。使用ajax表单,我能够更新我的数据库,但我的主要问题是在执行C#部分后更新复选框本身。另外,我正试着命名&lt; TD&GT;能够通过给他一个名称作为ProductID_CategoryID来更新ckbox(因此我更容易知道我正在更新哪一个)。 THKS。

1 个答案:

答案 0 :(得分:2)

您是否结帐http://knockoutmvc.com它与ASP.NET MVC3的集成非常好,它看起来像是可以帮助您轻松实现所需内容的库类型。