点击按钮绑定一个datalist数据,再将这些数据以弹出窗口呈现,怎么做?
页面情况:
有datalist1和datalist2,datalist2放在div2里面,div2被隐藏了。
datalist1绑定了一批数据,其中一列有一个Button1。
希望实现的效果:
Button1点击后,后台代码把相应数据绑定到datalist2里,然后用js弹出div2,显示的内容就是datalist2生成的html。
请问不用ajax能实现吗?如果只能用ajax,怎么实现?最好有范例代码学习一下,灰常感谢!鞠躬!
------解决方案--------------------你用 div层就可以了,我看你自己也写了 div1 是隐藏的。
你可以在 Button1 点击的时候,将 datalist2 的数据绑定,其查询条件来自你button1。
在绑定 datalist2 后 将 div1更改为显示。 也可以使用jquery弹出一个 div窗口。
类似显示
datalist1
张三 button1
李四 button2
点击button1 的时候 将张三作为条件查询其数据填充到 datalist2.
让后将 放置datalist2 的 div1 展示给用户。
------解决方案--------------------
你这里肯定是要做成无刷新才好,这样必然会用到ajax读取绑定数据了
------解决方案--------------------
<script type="text/javascript">
$(function () {
$("#div2").dialog({
bgiframe: true,
//autoOpen: false,
modal: true,
width: 730,
height: 250,
buttons: {
确定: function () {
$(this).dialog('close');
}
},
close: function () { $("#vvv").val('0'); }
});
if ($("#vvv").val() == '0') $("#div2").dialog('close');
});
$('#btnShowDetails').click(function () {
$('#div2).dialog('open');
});
</script>
btnShowDetails为按钮的ID