将具有Html属性的选定Kendo菜单项设置为隐藏表单字段

时间:2013-12-09 18:30:25

标签: kendo-menu

我有一个通过onclick事件绑定到我的表单的剑道菜单,如此

@(Html.Kendo().Menu()
    .Name("MenuCreate")
    .Items(items =>
    {
        items.Add().Text("<<").Action("Index", "BSfune");
        items.Add().Text("New").HtmlAttributes(new{onclick = "getElementById('FormCreate').submit()", @id = "New"});
        items.Add().Text("Edit").HtmlAttributes(new { onclick = "getElementById('FormCreate').submit()", @id = "Edit" });
    })
    .Events(e => e.Select("select"))
) 

在我的表格中我有一个名为FormmMode的隐藏字段

@using (Html.BeginForm("Create", "BSfune", FormMethod.Post, new { id = "FormCreate" }))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    <div class="form">
        <fieldset>
            <legend>@ViewBag.Title</legend> 
            <div>
               <div>
                   (My form code)
               </div>                    

                @Html.HiddenFor(model => model.FormMode, new { @id = "FormMode"})
                <br />
                <br />
                <br />         
            </div>
        </fieldset>
    </div>    
} 

我想用我选择的menuitem文本&#34; New&#34;设置我的字段表单(FormMode)。或&#34;编辑&#34;。 我注意到onclick会覆盖所选的事件。所以..这将是这样的

<script type="text/javascript">
$(function () {
    $('#New').on('click', function () {
        $("#FormMode").val($(this).text());
    });
});
function select(e) {
}

但这不起作用.. 在控制器方面我有

 public ActionResult Create(CrBSfune p_BSfune)
    {
      (...)
       if (p_BSfune.FormMode == "New")
            return RedirectToAction("Create");
        else
            return RedirectToAction("Index");
    }

但我的p_BSfune.FormMode为null。 你能帮我吗? 感谢:。)

1 个答案:

答案 0 :(得分:0)

得到了!!!抓住点击事件是解决方案,传递价值的方式..这是更多的技巧..但经过多次尝试得到它。:)做到这一点,它工作正常。:)

$('#New').click(function (e) {
 e.preventDefault();
 $('#FormCreate')[0].FormMode.value = e.target.innerText;
 $('#FormCreate').submit();});

不知道这是否是最好的方法..但它确实有效。:)