Asp.NETC#:在jQuery对话框中添加GridView
我正在尝试创建一个动态显示DataGridView的函数,让我们编写以下代码:Asp.NETC#:在jQuery对话框中添加GridView,c#,jquery,asp.net,gridview,C#,Jquery,Asp.net,Gridview,我正在尝试创建一个动态显示DataGridView的函数,让我们编写以下代码: HtmlGenericControl div = new HtmlGenericControl("div"); div.ID = Guid.NewGuid().ToString(); GridView grid = new GridView(); grid.Attributes.Add("runat", "server"); foreach (GridColumnTemplate grdColumnTemplat
HtmlGenericControl div = new HtmlGenericControl("div");
div.ID = Guid.NewGuid().ToString();
GridView grid = new GridView();
grid.Attributes.Add("runat", "server");
foreach (GridColumnTemplate grdColumnTemplate in parameters.ColumnsTemplate)
{
BoundField boundField = new BoundField();
boundField.DataField = grdColumnTemplate.ValueFieldName;
boundField.HeaderText = grdColumnTemplate.HeaderText;
grid.Columns.Add(boundField);
}
grid.DataSource = parameters.DataSource;
div.Controls.Add(grid);
Controls.Add(div);
String cmd = "<script language=JavaScript> ShowGrid('{0}'); </script>\n";
Page.ClientScript.RegisterStartupScript(this.GetType(), "ShowGrid",string.Format(cmd,div.ID));
但是,在执行代码时,我有一个错误,即在“runat=server”容器中输入gridview。
我试着用代码来做这件事,但没有成功
请帮帮我 您可以通过以下方式实现:
<a href="javascript:loadGridOnClick()">Load</a>
<div class="Modal">
<asp:GridView id="grdExample" runat="server">
// Grid Logic
</asp:GridView>
</div>
//网格逻辑
我们有了前端结构,现在可以填充网格:
function loadGridOnClick() {
$.ajax({
url: '<%= Page.ResolveUrl("~/Services/GetGridForSample.ashx") %>',
type: 'POST',
data { ... } // If we have any data to populate our Grid.
success: function () {
// Our return object.
}
});
}
函数loadGridOnClick(){
$.ajax({
url:“”,
键入:“POST”,
数据{…}//如果我们有任何数据填充网格。
成功:函数(){
//我们的返回对象。
}
});
}
一旦通过Ajax调用该服务,您只需编写后端代码,用正确的数据填充网格。然后您只需DataSource
和DataBind
。另一种方法是只使用我们的
,然后您可以返回对象的集合
,并放置在您自己的结构中
这将是我将采取的方法,否则您可能会与
回发
和状态信息发生冲突 你能用js发布你的ShowGrid函数吗?当然可以!我编辑了帖子,但我们想对所有页面使用此功能,我也可以使用它吗?当然,该服务可以基于查询字符串进行抽象。这将允许网格不断变化。
function loadGridOnClick() {
$.ajax({
url: '<%= Page.ResolveUrl("~/Services/GetGridForSample.ashx") %>',
type: 'POST',
data { ... } // If we have any data to populate our Grid.
success: function () {
// Our return object.
}
});
}