![](/img/trans.png)
[英]Calling a function in the .aspx.cs code behind file with jQuery load()
[英]Linking bootstrap Code with .aspx.cs file
誰能告訴我如何將引導程序3.1.1中編寫的代碼與aspx.cs文件中的代碼鏈接。 我基本上想要做的是使用ID來訪問.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”屬性的表單標簽將所有服務器控件括起來。 然后,您可以在表單內的任何位置添加服務器控件,例如下面顯示的ID為“ 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查詢並更新網頁上的服務器控件。 我添加了C#標記,該標記將從“任務”的集合中輸出列表。 在加載Web表單期間,將從SQL填充該集合。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.