点击GridView的链接按钮;将数据重定向到模态页面。 [英] On click of link button of GridView; redirect the data to modal page.
本文介绍了点击GridView的链接按钮;将数据重定向到模态页面。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想显示链接按钮中的数据,以便在模态页面上显示为gridview的代码为
< < span class =code-leadattribute> asp:GridView ID = GridView1 runat = server 宽度 = 100% AutoGenerateColumns = False
AllowSorting = true OnSorting < span class =code-keyword> = GridView1_Sorting OnRowCommand = GridView1_RowCommand1 >
< % - AllowPaging =trueOnPageIndexChanging =GridView1_PageIndexChangingPageSize =20 - %>
< 列 >
< asp:HyperLinkField DataNavigateUrlFields = cart_id
DataNavigateUrlFormatString = CartDetails.aspx?cart_id = {0} < span class =code-attribute>
< span class =code-attribute> < span class =code-attribute> DataTextField = 发票否 DataTextFormatString =' {0}' HeaderText = 请求否
ItemStyle-HorizontalAlign = 中心 HeaderStyle-HorizontalAlign = 中心 SortExpression = 请求否 >
< HeaderStyle HorizontalAlign = 中心 > < / HeaderStyle >
< ItemStyle HorizontalAlign = 中心 > < / ItemStyle >
< / asp:HyperLinkF ield >
< asp:BoundField DataField = 用户名 HeaderText < span class =code-keyword> = 用户名
< span class =code-attribute> SortExpression = 用户名 ItemStyle -HorizontalAlign = 中心 HeaderStyle-HorizontalAlign = 中心 >
< HeaderStyle HorizontalAlign = 中心 > < / HeaderStyle >
< ItemStyle HorizontalAlign = 中心 > < / ItemStyle >
< / asp:BoundField >
< asp:BoundField DataField = total_price HeaderText = 总价格
< span class =code-attribute> SortExpression = < span class =code-keyword> total_price ItemStyle-HorizontalAlign = 中心 HeaderStyle-HorizontalAlign = 中心 >
< HeaderStyle HorizontalAlign = 中心 > < < span class =code-leadattribute> / HeaderStyle >
< ; Ite mStyle HorizontalAlign = 中心 > < / ItemStyle >
< / asp:BoundField >
< asp:TemplateField HeaderText = SortExpression = 文件路径 ItemS tyle-HorizontalAlign = 中心 > ;
< ItemTemplate >
< asp:LinkButton ID = LbPath runat = < span class =code-keyword> server
文字 =' 快速查看'
< span class =code-attribute> CommandName = CartView
CommandAr gument =' <% #Bind ( cart_id)%>' OnClick = LinkButton1_Clicked >
< / asp :LinkButton >
< / ItemTemplate >
< ItemStyle HorizontalAlign = 中心 > < / ItemStyle >
< / asp:TemplateField >
< /列 >
< / asp:GridView
模态页面脚本为
< div class = modal-wrapper id = modal_class >
< div class = modal > ;
< div class = head >
< a class = btn-close trigger href = java<! - no - > script:; > < / a >
< / div >
< div class = content >
< div class = row >
< div class = col-lg-2 col-md- 2 col-xs-2 > < / div >
< div class = col-lg-10 col-md-10 col-xs-10 >
< asp:GridView ID = GridView2 runat = server 宽度 = 80% AutoGenerateColumns = False >
< 列 >
< asp:BoundField HeaderText = 服务 DataField = item_name ItemStyle-HorizontalAlign = 中心 HeaderStyle-HorizontalAlign = 中心 / >
< asp:BoundField HeaderText = 总价 D. ataField = total_price ItemStyle-HorizontalAlign = 中心 HeaderStyle-HorizontalAlign = 中心 / >
< /列 >
< / asp:GridView >
< / div >
< / div >
< / div >
< / div >
< / div >
< script 类型 = text / javascript >
$( document )。ready( function (){
$('' 。trigger')。click( function (){
$(' .modal-wrapper')。toggleClass(' open');
$(' .page-wrapper')。toggleClass(' blur');
return false ;
});
});
< / script >
从中获取数据的代码链接按钮是
受保护 void LinkButton1_Clicked( object sender,EventArgs e)
{
LinkButton lt =(LinkButton)sender;
int cart_id = Convert.ToInt32(lt.CommandArgument);
adp = new NpgsqlDataAdapter( select item_name ,short_description,long_description,unit,price_schedule,price_per_unit,item_count,(price_per_unit * item_count)来自im_cart_details的total_price a,im_items b其中a.item_id = b.item_id和cart_id = + cart_id,conn);
dt = new DataTable( items 跨度>);
adp.Fill(dt);
GridView2.DataSource = dt;
GridView2.DataBind();
// Response.Write(Yes+ lt.CommandArgument.ToString());
}
但是对于模态页面,有一个按钮被创建,我不能通过单击链接按钮访问模态页面上的数据。在此先感谢。
解决方案
( document )。ready( function (){
(' 。trigger').click( function (){
(' .modal-wrapper')。toggleClass(' 开'跨度>);
I want to show the data from the link button to show on the modal page as the code of gridview as
<asp:GridView ID="GridView1" runat="server" Width="100%" AutoGenerateColumns="False"
AllowSorting="true" OnSorting="GridView1_Sorting" OnRowCommand="GridView1_RowCommand1">
<%--AllowPaging ="true" OnPageIndexChanging="GridView1_PageIndexChanging" PageSize = "20" --%>
<Columns>
<asp:HyperLinkField DataNavigateUrlFields="cart_id"
DataNavigateUrlFormatString="CartDetails.aspx?cart_id={0}"
DataTextField="Invoice No" DataTextFormatString='{0}' HeaderText="Request No"
ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" SortExpression="Request No">
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>
<ItemStyle HorizontalAlign="Center"></ItemStyle>
</asp:HyperLinkField>
<asp:BoundField DataField="User Name" HeaderText="User Name"
SortExpression="User Name" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" >
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>
<ItemStyle HorizontalAlign="Center"></ItemStyle>
</asp:BoundField>
<asp:BoundField DataField="total_price" HeaderText="Total Price"
SortExpression="total_price" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" >
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>
<ItemStyle HorizontalAlign="Center"></ItemStyle>
</asp:BoundField>
<asp:TemplateField HeaderText="" SortExpression="Filepath" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:LinkButton ID="LbPath" runat="server"
Text='Quick View'
CommandName="CartView"
CommandArgument='<%#Bind("cart_id") %>' OnClick="LinkButton1_Clicked">
</asp:LinkButton>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center"></ItemStyle>
</asp:TemplateField>
</Columns>
</asp:GridView
Modal page script as
<div class="modal-wrapper" id="modal_class">
<div class="modal">
<div class="head">
<a class="btn-close trigger" href="java<!-- no -->script:;"></a>
</div>
<div class="content">
<div class="row">
<div class="col-lg-2 col-md-2 col-xs-2"></div>
<div class="col-lg-10 col-md-10 col-xs-10">
<asp:GridView ID="GridView2" runat="server" Width="80%" AutoGenerateColumns="False" >
<Columns>
<asp:BoundField HeaderText="Service" DataField="item_name" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"/>
<asp:BoundField HeaderText="Total Price" DataField="total_price" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"/>
</Columns>
</asp:GridView>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
$('.trigger').click(function () {
$('.modal-wrapper').toggleClass('open');
$('.page-wrapper').toggleClass('blur');
return false;
});
});
</script>
The code to get the data from the link button is
protected void LinkButton1_Clicked(object sender, EventArgs e)
{
LinkButton lt = (LinkButton)sender;
int cart_id = Convert.ToInt32(lt.CommandArgument);
adp = new NpgsqlDataAdapter("select item_name,short_description,long_description,unit,price_schedule,price_per_unit,item_count,(price_per_unit*item_count) total_price from im_cart_details a,im_items b where a.item_id=b.item_id and cart_id=" + cart_id, conn);
dt = new DataTable("items");
adp.Fill(dt);
GridView2.DataSource = dt;
GridView2.DataBind();
//Response.Write("Yes"+lt.CommandArgument.ToString());
}
But for the modal page there is a button is created and and I can't access the data on modal page by clicking the link button also. Thanks in advance.
解决方案
(document).ready(function () {
('.trigger').click(function () {
('.modal-wrapper').toggleClass('open');
这篇关于点击GridView的链接按钮;将数据重定向到模态页面。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文