日期:2014-05-18  浏览次数:20683 次

用ajax或jquery方法能否实现点击datalist中某字段显示详细信息?
用ajax或jquery方法能否实现点击datalist中显示的某个字段弹出层显示详细信息?希望能提供相关的例子。谢谢!

------解决方案--------------------
HTML code

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>DataList练习</title>

    <script type="text/javascript">
        function openDialog(id) {
            alert(id);
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DataList ID="DataList1" runat="server">
            <ItemTemplate>
                <a href="#" onclick="openDialog('<%#Eval("ID") %>>'); return false;">详情</a>
            </ItemTemplate>
        </asp:DataList>
    </div>
    </form>
</body>
</html>

------解决方案--------------------

如果是弹出详情。。。用AJAX做反而更复杂。。。

可以用iframe的方式弹出一个详情页。。。

用JQuery的插件可以实现。。。

thickbox...colorbox...fancybox都可以实现。。。

LZ可以搜索一下,示例非常多。。。

-----------------------------------------

LZ用想用Jquery的AJAX弹出一层,可以学习一下

其实只需要了解一下Jquery的$.ajax方法。。。

此方法中重要的几个参数:data是你的参数(比如传一个ID过去)

url写你要请求的地址(它来给你返回数据),success里接收返回来的数据,显示在层上,并让层显示

这个不需要别人给你什么示例,下个Jquery文档。。