Я хочу дать уникальное имя элементам Div, которые визуализируются динамически - PullRequest
Новая
       3

Я хочу дать уникальное имя элементам Div, которые визуализируются динамически

1 голос
/ 15 июня 2011

Я использую asp.net mvc3. Я отрисовываю частичное представление с помощью цикла foreach. Поэтому я хочу сделать так, чтобы у меня был div в моем частичном представлении каждый раз, когда частичное отображение нового div помещается на страницу. Я просто хочу дать каждому div уникальное имя. Может кто-нибудь мне помочь ?????? Заранее спасибо

Ответы [ 3 ]

1 голос
/ 15 июня 2011

Просто убедитесь, что у вас есть что-то в модели, используемое вашим частичным представлением, которое является уникальным - тогда в вашем частичном представлении все, что вам нужно, это 

<div name="div_@(Model.SomeUniqueId)"></div>

Если в модели ничего не подходит, вы можетеиспользуйте ViewBag: 

@{
var i = 0;
foreach (var item in Model.Items) {
    ViewBag.UniqueId=i++;
    Html.RenderPartial("PartialView", item);
    }
}
1 голос
/ 15 июня 2011

в вашем частичном представлении, вы можете определить div, как указано ниже: 

<div id="<%=Guid.NewGuid().ToString() %>"></div>

таким образом, вам не нужно заботиться о том, чтобы модель делала какие-либо дополнительные подъемы, чтобы заполнить div id . Также обратите внимание, что я использовал id в качестве уникального заполнителя. У divs нет атрибута ' name ', поэтому будьте внимательны и запомните это.

0 голосов
/ 15 июня 2011

Вам нужно динамически создавать DIV с помощью javascript

Ниже приведен пример кода, который поможет вам 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Create DIV Dynamically Using JavaScript</title>

<script type="text/javascript" language="javascript">   

  function DynamicDiv() {       
        var dynDiv = document.createElement("div");
        dynDiv.id = "divDyna";
        dynDiv.innerHTML = "Created using JavaScript";
        dynDiv.style.height = "20px";
        dynDiv.style.width = "300px";     
        dynDiv.style.backgroundColor = 'gray';
        document.body.appendChild(dynDiv);
    }

</script>
</head>

<body>
    <div>
        <input id="Button1" type="button"
        value="Using JS" onclick="DynamicDiv();" />    

    </div>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...