C# 将数据表绑定到引导表_C#_Asp.net_Twitter Bootstrap

C# 将数据表绑定到引导表

c# asp.net twitter-bootstrap

C# 将数据表绑定到引导表,c#,asp.net,twitter-bootstrap,C#,Asp.net,Twitter Bootstrap,我想将数据表绑定到引导表。datatable是sql查询的结果。我已经看到了使用json可以实现这一点的方法。但我是json新手，不理解这些方法。有人能解释一下怎么做吗？提前谢谢这可能有助于掌握json：那么在你的剧本里是这样的吗 $('#elementSelector').bootstrapTable({ data: yourDataGoesHere, onLoadError: function () { // deal with error },

我想将数据表绑定到引导表。datatable是sql查询的结果。我已经看到了使用json可以实现这一点的方法。但我是json新手，不理解这些方法。有人能解释一下怎么做吗？提前谢谢

这可能有助于掌握json：

那么在你的剧本里是这样的吗

    $('#elementSelector').bootstrapTable({
        data: yourDataGoesHere,
        onLoadError: function () { // deal with error },
        columns: [
            { field: 'dataFieldName', title: 'aTitle', class: 'col-md-4', sortable: true }
        ]
    });

这可能有助于掌握json：

那么在你的剧本里是这样的吗

    $('#elementSelector').bootstrapTable({
        data: yourDataGoesHere,
        onLoadError: function () { // deal with error },
        columns: [
            { field: 'dataFieldName', title: 'aTitle', class: 'col-md-4', sortable: true }
        ]
    });

您不必使用json。如果您熟悉ASP.NET MVC，那么这很简单，只需创建数据库，使用模型导入，然后在视图中调用模型及其包含的项即可。 示例：

@model IEnumerable<NameOfYourProject.Models.ModelResultName> @{ ViewBag.Title = "ABC"; Layout = "~/Views/Shared/_PQR.cshtml"; } <div class="row" style="color:#ba9494;margin-top:15%;margin-left:5%"> <div class="col-lg-2 align-center" > Id </div> <div class="col-lg-2 align-center"> Name </div> <div class="col-lg-1 align-center"> OtherIds </div> <div class="col-lg-7 align-center"> Description </div> </div> @foreach (var item in Model) { <div class="row" style="margin-left:5%"> <div class="col-lg-2 align-center"> @item.Id </div> <div class="col-lg-2 align-center"> @item.Names </div> <div class="col-lg-1 align-center"> @item.OthersId </div> <div class="col-lg-7 align-center"> @item.Descriptions </div> </div> }

@model IEnumerable @{ ViewBag.Title=“ABC”； Layout=“~/Views/Shared/_PQR.cshtml”； } 身份证件名称其他人描述 @foreach（模型中的var项目） { @项目Id @项目名称 @item.OthersId @项目.说明 }
上述@foreach代码也适用于MVC以外的其他项目。
希望您能得到答案。
您不必使用json。如果您熟悉ASP.NET MVC，那么这很简单，只需创建数据库，使用模型导入，然后在视图中调用模型及其包含的项即可。 示例：

@model IEnumerable<NameOfYourProject.Models.ModelResultName> @{ ViewBag.Title = "ABC"; Layout = "~/Views/Shared/_PQR.cshtml"; } <div class="row" style="color:#ba9494;margin-top:15%;margin-left:5%"> <div class="col-lg-2 align-center" > Id </div> <div class="col-lg-2 align-center"> Name </div> <div class="col-lg-1 align-center"> OtherIds </div> <div class="col-lg-7 align-center"> Description </div> </div> @foreach (var item in Model) { <div class="row" style="margin-left:5%"> <div class="col-lg-2 align-center"> @item.Id </div> <div class="col-lg-2 align-center"> @item.Names </div> <div class="col-lg-1 align-center"> @item.OthersId </div> <div class="col-lg-7 align-center"> @item.Descriptions </div> </div> }

@model IEnumerable @{ ViewBag.Title=“ABC”； Layout=“~/Views/Shared/_PQR.cshtml”； } 身份证件名称其他人描述 @foreach（模型中的var项目） { @项目Id @项目名称 @item.OthersId @项目.说明 }
上述@foreach代码也适用于MVC以外的其他项目。
希望你得到答案。
如果你不想使用MVC
在后端中添加：

string query; SqlCommand SqlCommand; SqlDataReader result; int sindex=DropDownList1.SelectedIndex+1; int hindex =DropDownList3.SelectedIndex+1; SqlDataAdapter adapter = new SqlDataAdapter(); //Open the connection to db conn.Open(); query = string.Format("select * from table where clumn='"+s+"' ", s); SqlCommand = new SqlCommand(query, conn); adapter.SelectCommand = new SqlCommand(query, conn); result = SqlCommand.ExecuteReader();
在前端部分中：

<div class="row" style="color:#ba9494;margin-top:15%;margin-left:5%"> <div class="col-lg-2 align-center" > Id </div> <div class="col-lg-2 align-center"> Name </div> <div class="col-lg-1 align-center"> OtherIds </div> <div class="col-lg-7 align-center"> Description </div> </div> foreach (var item in result) { <div class="row" style="margin-left:5%"> <div class="col-lg-2 align-center"> item.Id </div> <div class="col-lg-2 align-center"> item.Names </div> <div class="col-lg-1 align-center"> item.OthersId </div> <div class="col-lg-7 align-center"> item.Descriptions </div> </div> }

身份证件名称其他人描述 foreach（结果中的var项目） { 项目Id 项目名称 item.OthersId 项目.说明 }
如果您不想使用MVC
在后端中添加：

string query; SqlCommand SqlCommand; SqlDataReader result; int sindex=DropDownList1.SelectedIndex+1; int hindex =DropDownList3.SelectedIndex+1; SqlDataAdapter adapter = new SqlDataAdapter(); //Open the connection to db conn.Open(); query = string.Format("select * from table where clumn='"+s+"' ", s); SqlCommand = new SqlCommand(query, conn); adapter.SelectCommand = new SqlCommand(query, conn); result = SqlCommand.ExecuteReader();
在前端部分中：

<div class="row" style="color:#ba9494;margin-top:15%;margin-left:5%"> <div class="col-lg-2 align-center" > Id </div> <div class="col-lg-2 align-center"> Name </div> <div class="col-lg-1 align-center"> OtherIds </div> <div class="col-lg-7 align-center"> Description </div> </div> foreach (var item in result) { <div class="row" style="margin-left:5%"> <div class="col-lg-2 align-center"> item.Id </div> <div class="col-lg-2 align-center"> item.Names </div> <div class="col-lg-1 align-center"> item.OthersId </div> <div class="col-lg-7 align-center"> item.Descriptions </div> </div> }

身份证件名称其他人描述 foreach（结果中的var项目） { 项目Id 项目名称 item.OthersId 项目.说明 }
要在不使用Json的情况下执行此操作，可以使用带有项模板的DataRepeater：

<table> <asp:Repeater id="tableRepeater" runat="server" DataSourceID="TableDataSource"> <ItemTemplate> <tr> <td><%# Eval("TableProperty") %></td> </tr> </ItemTemplate> </asp:repeater> </table>

您可以在ItemTemplate中对div或任何您喜欢的内容执行相同的操作，这将对查询中的每一行重复。您可以添加任何您需要的引导类以使其工作。
要在不使用Json的情况下进行此操作，您可以使用带有项模板的DataRepeater：

<table> <asp:Repeater id="tableRepeater" runat="server" DataSourceID="TableDataSource"> <ItemTemplate> <tr> <td><%# Eval("TableProperty") %></td> </tr> </ItemTemplate> </asp:repeater> </table>

您可以在ItemTemplate中对div或任何您喜欢的内容执行相同的操作，这将对查询中的每一行重复。您可以添加任何您需要的引导类以使其工作。
您指的是datatables.js datetables吗？或者你指的是C#数据表？还是C#数据表..你指的是datatables.js数据表？或者你指的是C#datatable？还是C#datatable..谢谢你的回答..但问题是我对MVC也不熟悉（您可以在web表单中执行类似的操作，只需使用此格式：
问题是使用bootstrap谢谢您的回答..但问题是我也不熟悉MVC...：（您可以在web表单中执行类似的操作，只需使用此格式：
问题是使用bootstrap