Question

我想将数据表绑定到引导表。数据表是sql查询的结果。我已经看到有办法用json做到这一点。但我是json的新手，无法理解这些方法。任何人都可以解释如何做到这一点？提前致谢。

Answer 1

如果您不想使用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>

}

Answer 2

要在没有Json的情况下执行此操作，您可以将DataRepeater与项目模板一起使用：

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

您可以在ItemTemplate中使用div或您喜欢的任何内容执行相同操作，并且将对查询中的每一行重复该操作。您可以添加使其工作所需的任何引导类。

Answer 3

这可能有助于掌握json：How to get SQL Server query result's data into JSON Format ?

然后在你的剧本中有这样的东西吗？

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

Answer 4

你不必使用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> }

上述 @foreach 代码也适用于除MVC之外的其他项目。希望你得到答案。

将数据表绑定到引导表

4 个答案: