Может ли кто-нибудь сказать мне, как связать мой код, написанный в bootstrap 3.1.1, с кодом в моем файле aspx.cs. В основном я хочу получить доступ к различным элементам (дизайна начальной загрузки) в файле.aspx.cs, используя их идентификаторы.
Например, у меня есть этот html-код:
<div class="panel panel-success" style="margin-top:100px;margin-left:50px">
<div class="panel-heading" style="font-size:16px"> To-Do List </div>
<ol class="list=group" id="list1">
<li class="list-group-item"> Complete HCI Assignment </li>
<li class="list-group-item"> Complete BE Assignment </li>
<li class="list-group-item"> Complete Programming Task </li>
<li class="list-group-item"> Send Code Correction </li>
</ol>
<div class="panel-body">
<button class="btn btn-default btn-success btn-sm" style="margin-left:65px;
margin-right:10px" id="b1">
<span class="glyphicon glyphicon-plus"></span> Add Task
</button>
<button class="btn btn-default btn-success btn-sm" id="b2">
<span class="glyphicon glyphicon-remove"></span> Remove Task
</button>
</div>
</div>
Я хочу отображать данные из моей базы данных (SQL Server) в этой панели. Как мне это сделать?
Для доступа к элементам управления HTML в файле, находящемся за кодом, вам необходимо использовать серверные элементы управления ASP.NET. Чтобы модифицировать существующую веб-страницу, вам необходимо заключить все элементы управления сервером с тегом формы с атрибутом runat = "server". Затем вы можете добавить элементы управления сервером в любом месте формы, например метку с идентификатором "ServerControl", показанным ниже. Имейте в виду, что на веб-странице может существовать только одна форма с атрибутом runat = "server".
<form runat="server">
<div class="panel panel-success" style="margin-top:100px;margin-left:50px">
<div class="panel-heading" style="font-size:16px"> To-Do List </div>
<ol class="list=group" id="list1">
<% foreach(var task in tasks) { %>
<li class="list-group-item"> <%=task.name&> </li>
<% } %>
</ol>
<asp:Label runat="server" ID="ServerControl" Text="results" />
<div class="panel-body">
<button class="btn btn-default btn-success btn-sm" style="margin-left:65px;
margin-right:10px" id="b1">
<span class="glyphicon glyphicon-plus"></span> Add Task
</button>
<button class="btn btn-default btn-success btn-sm" id="b2">
<span class="glyphicon glyphicon-remove"></span> Remove Task
</button>
</div>
</div>
</form>
http://www.w3schools.com/aspnet/aspnet_controls.asp
Вы можете выполнять SQL-запросы и обновлять элементы управления сервером на веб-странице. Я добавил разметку С#, которая выведет список из набора "задач". Коллекция будет заполняться из SQL во время загрузки веб-формы.