我已经用css和div做了一个Tab选项卡 想问问如何在选项卡的第四页插入一个GridView
<styletype="text/css">#tab{width:1570px;height:260px;position:relative;}html>body#tab...
<style type="text/css">
#tab {width:1570px;height:260px;position:relative;}
html > body #tab {width:566px;}
#tab div {position:absolute;top:26px;left:0;width:1240px;height:800px;border:solid#eee;border-width:0 1px 1px;}
#tab div {display:none;}
#tab .block {
display:block;
}
/*选中的容器*/
#tab h3 {}
#tab .up {
background:#fff url(/upload/teaching/tab1.gif) no-repeat;
}
/*选中的标题样式*/
/*修饰列表内容*/
#tab ul {
margin:15px 0 0;
list-style:none;
padding:0;
}
#tab li {
float:left;
width:50%;
background:url(6.jpg);
}
#tab li a {
display:block;
width:84%;
height:25px;
line-height:25px;
margin-left:8%;
font-size:12px;
text-decoration:none;
color:#333;
background:url(6.jpg);
text-indent:10px;
}
#tab li a:hover {
text-decoration:underline;
color:red;
}
</style>
</head>
<body>
<div id="tab">
<h3 class="up" onClick="go_to(1);" >General</h3>
<div class="block">
</div>
<h3 onClick="go_to(2);">Opened Cases</h3>
<div></div>
<h3 onClick="go_to(3);">Network Info</h3>
<div></div>
<h3 onClick="go_to(4);">Client PC</h3>
<div>
<asp:GridView ID="ServiceTagGridView" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource">
<Columns>
<asp:BoundField DataField="ID" HeaderText="ID" SortExpression="ID" />
<asp:BoundField DataField="Custome" HeaderText="Custome" SortExpression="Custome" />
<asp:BoundField DataField="PCID" HeaderText="PCID" SortExpression="PCID" />
<asp:BoundField DataField="PCName" HeaderText="PCName" SortExpression="PCName" />
<asp:BoundField DataField="IP" HeaderText="IP" SortExpression="IP" />
<asp:BoundField DataField="Service_user" HeaderText="Service_user" SortExpression="Service_user" />
<asp:BoundField DataField="Loginname" HeaderText="Loginname" SortExpression="Loginname" />
<asp:BoundField DataField="Password" HeaderText="Password" SortExpression="Password" />
<asp:BoundField DataField="Service_Tag" HeaderText="Service_Tag" SortExpression="Service_Tag" />
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:supportorConnectionString %>"
SelectCommand="SELECT * FROM [ServiceTag]"></asp:SqlDataSource>
</div>
<script type="text/javascript">
var h=document.getElementById("tab").getElementsByTagName("h3");
var d=document.getElementById("tab").getElementsByTagName("div");
function go_to(ao){
for(var i=0;i<h.length;i++){
if(ao-1==i){ h[i].className+=" up";
d[i].className+=" block"; }
else {h[i].className=" ";
d[i].className=" "; }
}
}
</script>
</body>
</html>
我是这样做的，可是这个GridView控件根本就没有显示。。。谁知道是为什么 展开
#tab {width:1570px;height:260px;position:relative;}
html > body #tab {width:566px;}
#tab div {position:absolute;top:26px;left:0;width:1240px;height:800px;border:solid#eee;border-width:0 1px 1px;}
#tab div {display:none;}
#tab .block {
display:block;
}
/*选中的容器*/
#tab h3 {}
#tab .up {
background:#fff url(/upload/teaching/tab1.gif) no-repeat;
}
/*选中的标题样式*/
/*修饰列表内容*/
#tab ul {
margin:15px 0 0;
list-style:none;
padding:0;
}
#tab li {
float:left;
width:50%;
background:url(6.jpg);
}
#tab li a {
display:block;
width:84%;
height:25px;
line-height:25px;
margin-left:8%;
font-size:12px;
text-decoration:none;
color:#333;
background:url(6.jpg);
text-indent:10px;
}
#tab li a:hover {
text-decoration:underline;
color:red;
}
</style>
</head>
<body>
<div id="tab">
<h3 class="up" onClick="go_to(1);" >General</h3>
<div class="block">
</div>
<h3 onClick="go_to(2);">Opened Cases</h3>
<div></div>
<h3 onClick="go_to(3);">Network Info</h3>
<div></div>
<h3 onClick="go_to(4);">Client PC</h3>
<div>
<asp:GridView ID="ServiceTagGridView" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource">
<Columns>
<asp:BoundField DataField="ID" HeaderText="ID" SortExpression="ID" />
<asp:BoundField DataField="Custome" HeaderText="Custome" SortExpression="Custome" />
<asp:BoundField DataField="PCID" HeaderText="PCID" SortExpression="PCID" />
<asp:BoundField DataField="PCName" HeaderText="PCName" SortExpression="PCName" />
<asp:BoundField DataField="IP" HeaderText="IP" SortExpression="IP" />
<asp:BoundField DataField="Service_user" HeaderText="Service_user" SortExpression="Service_user" />
<asp:BoundField DataField="Loginname" HeaderText="Loginname" SortExpression="Loginname" />
<asp:BoundField DataField="Password" HeaderText="Password" SortExpression="Password" />
<asp:BoundField DataField="Service_Tag" HeaderText="Service_Tag" SortExpression="Service_Tag" />
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:supportorConnectionString %>"
SelectCommand="SELECT * FROM [ServiceTag]"></asp:SqlDataSource>
</div>
<script type="text/javascript">
var h=document.getElementById("tab").getElementsByTagName("h3");
var d=document.getElementById("tab").getElementsByTagName("div");
function go_to(ao){
for(var i=0;i<h.length;i++){
if(ao-1==i){ h[i].className+=" up";
d[i].className+=" block"; }
else {h[i].className=" ";
d[i].className=" "; }
}
}
</script>
</body>
</html>
我是这样做的，可是这个GridView控件根本就没有显示。。。谁知道是为什么 展开
4个回答
展开全部
你确定有数据？没数据当然不显示啊！
更多追问追答
追问
当然有 只要gridview被放在div外面 就能显示了
追答
你确定当前显示的div就是放gridview的div？
再仔细找找吧，没道理的问题，肯定那个地方写错了！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jquery或者js控制那个控件的显现啊！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
AutoGenerateColumns="False" 这个去掉
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以先做成静态的，而不是动态提取数据的那种，这样好测试。如果静态可以的话，那么你再加入动态内容。这样你才可以看到效果的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
