调用列表视图,它位于asp.net代码后面的bootstrap模式中

时间:2014-09-16 08:25:14

标签: asp.net twitter-bootstrap

我想用数据库表加载listview,并在用户点击listitem时将其显示在bootstrap模式中。我该怎么做? 这是母版页的前端代码:

<ul class="nav navbar-nav navbar-right" style="margin-top: 40px;">
<li><a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#basicModal"><span class="glyphicon glyphicon-file"></span>Store List</a></li>
</ul>   
  <%--for store list popup--%>
<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&amp;times;</button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
        </div>
        <div class="modal-body">
            <asp:ListView ID="storelist" runat="server">
            </asp:ListView>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

    </div>
</div>
</div>
</div>
ListView的

代码:

protected void BindProductMasterDetails()
    {
        SqlConnection con = new SqlConnection(strcon);
        con.Open();
        SqlCommand cmd = new SqlCommand("select * from Products_Master", con);
        SqlDataAdapter da = new SqlDataAdapter(cmd);
        DataSet ds = new DataSet();
        da.Fill(ds);
        con.Close();
        if (ds.Tables[0].Rows.Count > 0)
        {
            gvDetails.DataSource = ds;
            gvDetails.DataBind();

        }
        else
        {
            ds.Tables[0].Rows.Add(ds.Tables[0].NewRow());
            gvDetails.DataSource = ds;
            gvDetails.DataBind();
            int columncount = gvDetails.Rows[0].Cells.Count;
            gvDetails.Rows[0].Cells.Clear();
            gvDetails.Rows[0].Cells.Add(new TableCell());
            gvDetails.Rows[0].Cells[0].ColumnSpan = columncount;
            gvDetails.Rows[0].Cells[0].Text = "No records found";
        }
    }

我应该在哪里以及如何调用此方法?还在等待帮助

1 个答案:

答案 0 :(得分:0)

使用listview项目数据绑定事件并调用您喜欢的edit / what ever命令。代码段:

 if (e.CommandName == "Edit")
 {
     ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(),                  "basicModal", "$('#basicModal').modal();", true);
 }

此致 NK