Ссылка на таблицу HTML с базой данных sql

Question

Я новичок в html-таблицах в vb.net.

У меня есть таблица html со всей необходимой мне функциональностью (Расширение и свертывание строки при нажатии и т. Д.), Как я могу связать эту таблицу с базой данных sql.

Я могу показать детали базы данных в виде сетки ..

Но моя таблица имеет такие функции, как по щелчку строки, то строка с 4 поля должны расширяться вниз с 10 текстовых полей (кроме указанных на строке) должно будет отображаться вместе с несколько buttons.Hence я использовал JavaScript для разворачивания/сворачивание строки

как рассказало, как я могу сделать тонированную сетку вида строки интерактивным и расширяемой

Answer 1

Вы хотите использовать элемент управление asp.net называется Вид сетки. При визуализации он становится таблицей HTML. Затем его можно манипулировать CSS и Javascript.

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.gridview.aspx

GridView не является вариант, попробуйте использовать Буквенный:

<asp:Literal ID="LiteralTable" runat="server"></asp:Literal> 

Codebehind:

StringBuilder sb = new StringBuilder(); 

sb.Append("<table>"); 
for (int i = 1; i < 15; i++) 
{ 
    sb.Append("<tr class=\"clickable\"><td>" + FirstColumn[i] + "</td>" + "<td>" + SecondColumn[i] + "</td></tr>"); 
    sb.Append("<tr class=\"expandable\"><td>Edit</td>" + "<td>More Info</td></tr>"); 
} 

sb.Append("</table>"); 


LiteralTable.Text = sb.ToString(); 

А затем работать ваш JavaScript (или JQuery) Magic:

$(".clickable").click().next().show(); 

И в этом случае просто загрузите свою базу данных в массив, прежде чем называть stringbuilder!

Answer 2

Если вы используете ASP.NET WebForms, на самом деле очень просто сделать GridView в соответствии с вашими потребностями.

Вы можете использовать встроенный инструментарий Visual Studio и просто перетащить его в свой WebForm, установить SQLDataSource и установить его по выбору, а затем в редактируемый. Я думаю, что VS 2010 и выше имеют быстрый код, сгенерированный с помощью одного набора инструментов, но вот то, что код может выглядеть следующим образом:

<asp:GridView ID="gvPreview" runat="server" CssClass="gvPreview" AutoGenerateEditButton="true"> 
     </asp:GridView> 

Я не SQL на моей машине в данный момент, так что я не могу использовать Мастер GUI точно, чтобы показать вам, как он будет выглядеть, но я могу.