Связывание кода начальной загрузки с файлом .aspx.cs

1

Может ли кто-нибудь сказать мне, как связать мой код, написанный в 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) в этой панели. Как мне это сделать?

Теги:
twitter-bootstrap-3
visual-studio-2013

1 ответ

1

Для доступа к элементам управления 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 во время загрузки веб-формы.

Поделиться
  • 0
    У меня уже был код в теге формы, который вы упомянули. Чего я не понимаю, так это как отображать данные из базы данных на панели. Я не хочу использовать <asp: ListItem> и вместо этого хочу использовать мой существующий код (теги <li>). Есть идеи как это сделать?
  • 0
    Кроме того, когда я устанавливаю атрибут «onclick» любой из моих кнопок (определенных как функции javascript), они не выполняют желаемых действий. Например: <button class = "btn btn-default btn-success btn-sm" id = "b2" onclick = "ад" style = "margin-left: 50px"> </ button> <script> функция hell ({ window.location.replace ("www.stackoverflow.com");}); </ script> Кнопка никогда не перенаправляет.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню