jquery - 消除部分 View MVC 3 Razor 中的重复 ID

Question

我有一个页面，它根据用户交互添加动态部分 View 。同样的部分 View 可以添加多次。每个部分 View 通过 JQuery 和 AJAX 执行提交。避免 Id 重复的最佳方法是什么页面。这非常重要，因为 JQuery 函数使用 ID 选择器。请给我一个解决方案。

部分 View 1

<script type="text/javascript"> 
    $(function () {
        $("#MyButton1")
            .button()
            .click(function () {
                alert("MyButton1 clicked From MyForm1 ");
            });
    });
</script>
<div><p>MyForm1</p></div>
<form id="MyForm1" >
    <input id="MyButton1" type="button" value="buttonFromPartial1" />
 </form>

部分 View 2

<script type="text/javascript"> 
    $(function () {
        $("#MyButton1")
            .button()
            .click(function () {
                alert("MyButton1 clicked From MyForm2 ");
            });
    });
</script>
<div><p>MyForm2</p></div>

<form id="MyForm2" >
    <input id="MyButton1" type="button" value="buttonFromPartial2" />
</form>

Answer 1

不确定它是否对您仍然有用，但在 Razor 中，当我发现引擎创建重复 ID 时，我使用 TemplateInfo 为我的部分 View ID 添加前缀。

用法:

@Html.Partial("MyPartialView", new MyModel(), new ViewDataDictionary { TemplateInfo = new TemplateInfo { HtmlFieldPrefix = "PrefixGoesHere" } })

这将生成类似于以下的 ID:YourPrefix_MyModelProperty。

避免大量不必要的辅助方法和 JavaScript。