问题描述
在开发项目时用bootstrap效果不错，效率也挺高。现在碰到一个比较烦人的问题，始终不得其解，望坛子的朋友一起研究帮忙解决，我觉得也很实用。目标：bootstrap提供了一个非常方便的模态框效果，调用也非常方便，只要在<a>标签内加href="#myModal"即可，我想实现的就是在GridView中链接打开模态框，显示具体内容，这样可以在一个页面中实现了。问题：在GridView中创建了<a>链接，但id的值传不出去了，考虑用href和onclick同时使用，也就是说href="#myModal"让模态框显示，onclick将显示具体内容的Repeater重新绑定数据，但onclick事件后台没有处理。希望高手能帮忙解决指导，万分感谢！<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title></title><linkrel="stylesheet"href="../css/bootstrap.css"><linkrel="stylesheet"href="../css/font-awesome.css"><linkrel="stylesheet"href="../css/new_style.css"><linkrel="stylesheet"href="../css/buttons.css"/><linkhref="../ueditor/themes/default/ueditor.css"rel="stylesheet"type="text/css"/><scripttype="text/javascript"charset="utf-8"src="/ueditor/ueditor.config.js"></script><scripttype="text/javascript"charset="utf-8"src="/ueditor/ueditor.all.min.js"></script><!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败--><!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文--><scripttype="text/javascript"charset="utf-8"src="/ueditor/lang/zh-cn/zh-cn.js"></script></head><body><formid="form1"runat="server"><buttontype="button"class="btnbtn-primarybtn-lg"data-toggle="modal"data-target="#myModal">模态框按钮</button><!--Modal--><divclass="modalfade"id="myModal"tabindex="-1"role="dialog"aria-labelledby="myModalLabel"aria-hidden="true"><divclass="modal-dialog"><divclass="modal-content"><divclass="modal-header"><buttontype="button"class="close"data-dismiss="modal"aria-label="Close"><spanaria-hidden="true">×</span></button><h4class="modal-title"id="myModalLabel">Modaltitle标题</h4></div><divclass="modal-body">内容<asp:RepeaterID="Repeater1"runat="server"><ItemTemplate><%#Eval("title")%><br/><%#Eval("pk_content")%></ItemTemplate></asp:Repeater></div><divclass="modal-footer"><buttontype="button"class="btnbtn-default"data-dismiss="modal">Close</button><buttontype="button"class="btnbtn-primary">Savechanges</button></div></div></div></div><!--ENDModal--><div><asp:GridViewID="GridView1"runat="server"AllowPaging="True"AutoGenerateColumns="False"DataKeyNames="id"DataSourceID="SqlDataSource1"EnableModelValidation="True"><Columns><asp:TemplateField><ItemTemplate><adata-toggle="modal"href='test.aspx?id=<%#Eval("id")%>#myModal'><%#Eval("title")%></a></ItemTemplate></asp:TemplateField></Columns></asp:GridView></div></form><scriptsrc="../js/jquery.min.js"></script><scriptsrc="../js/bootstrap.min.js"></script></body></html>
效果地址：http://www.psjying.pudong-edu.sh.cn/yz_admin/tea_admin/test.aspx
解决方案
解决方案二：
顶一下！高手帮忙啊！
解决方案三：
好心人帮忙一下啊！是问题没说清楚吗？
解决方案四：
<inputtype='button'class='btnbtn-primary'onclick='OpenDetailsInfo();'data-target="#anim-modal"data-toggle="modal"value='查看明细'/>你可以把button改成linkbutton 来使用你可以在OpenDetailsInfo使用jquerypsot把数据传递给后台。<divid="anim-modal"class="modalfadehide"data-backdrop="static"></div>就可以实现效果了
解决方案五：
谢谢！3楼，能将OpenDetailsInfo使用jquerypsot把数据传递给后台的代码发给我一下吗？万分感谢！我只要传一个值ID，或则给我个示例代码！对jquery一点不懂，谢谢！
解决方案六：
varsearch=$("#txtFactroy").val();$.ajax({type:"post",url:"ResponseHandler.ashx",data:"SearchDetailsInfo="+search,datatype:"json",async:false,success:function(returnData,textstatus,xmlhttprequest){$("#divShowDetailsInfo").html(returnData.split('_')[0]);},error:function(){$.msgbox("<spanstyle='font-size:14px;line-height:30px;'>获取明细数据请求错误。</span>",{type:"error",buttons:[{type:"submit",value:"确定"}]});}});publicvoidProcessRequest(HttpContextcontext){context.Response.ContentType="text/plain";if(!string.IsNullOrEmpty(context.Request["SearchDetailsInfo"])){//执行一些数据操作即可}}
解决方案七：
还是不太明白。如何在javascript中获取Gridview中<%#Eval("id")%>的数据呢？能帮我写完整吗？把OpenDetailsInfo();方法写一下，谢谢！就是先获取gridview中字段id的值，然后返回给页面test.aspx，谢谢！也就是test.aspx?id=<%#Eval("id")%>在javascript中OpenDetailsInfo();方法写一下。成功后再感谢！这个问题等了很久了，我是菜鸟见谅！
解决方案八：
<asp:LinkButtonOnClick="OpenDetailsInfo();"data-target="#myModal"data-toggle="madal"><%#Eval("title").ToString()%></asp:LinkButton>*****<scripttype="text/javascript">//如何写获取ID，并tset..aspx?id=//谢谢</script>*****CSprotectedvoidPage_Load(objectsender,EventArgse){//如何获取javascript传来的值，//谢谢！}
解决方案：
方向我很明确了通过<linkbutton>的onclick执行js代码，就是不知道如何实现！！急盼！