如何在标签容器中修复标题 [英] How to fixed header in tab container
本文介绍了如何在标签容器中修复标题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
亲爱的,
如何在ajax Tab容器中修复gridview的标题。我正在努力,但没有解决。我的代码是
<%@ Page 语言 = C# < span class =code-attribute> AutoEventWireup = true CodeFile = Default.aspx.cs 继承 = _默认 %>
<%@ Register Assembly = AjaxControlToolkit 命名空间 = AjaxControlToolkit TagPrefix = asp %>
< !DOCTYPE html PUBLIC - // W3C // DTD XHTML 1.0 Transitional // EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd >
< html xmlns = http://www.w3.org/1999 / xhtml >
< head id = Head1 runat = 服务器 >
< title > 固定标题< / title >
< script src = Scripts / jquery-1.4.1.min .js type = text / javascript > < / script >
< script src = Scripts / ScrollableGridPlugin.js type = < span class =code-keyword> text / javascript > < < span class =code-keyword> / script >
< span class =code-keyword>< script type = text / javascript >
$(document).ready(function( ){
$(' #<%#GridView1.ClientID%>') .Scrollable({
ScrollHeight: 300
});
$(' #<%#GridView2.ClientID%>')。可滚动({
ScrollHeight: 300
});
});
< / script >
< style type = text / css >
table {
font : 普通11pxTrebuchet MS,Verdana,Arial;
背景 : #fff;
border : solid 1px#C2EAD6;
}
td {
padding : < span class =code-keyword> 3px 3px 3px 6px;
color : #5D829B;
}
th {
font-weight : 粗体;
font-size : 更小;
颜色 : #5D728A;
padding : 0px 3px 3px 6px;
背景 : #CAE8EA
}
< / style>
< / head >
< body >
< 表格 id = form1 runat = server >
< div >
< asp:ToolkitScriptManager ID = ToolkitScriptManager1 runat = server >
< / asp: ToolkitScriptManager >
< asp:TabContainer ID = TabContainer1 runat = server ActiveTabIndex = < span class =code-keyword> 0
< span class =code-attribute> 宽度 = 820px >
< asp:TabPanel runat = server HeaderText = TabPanel1 ID = < span class =code-keyword> TabPanel1 >
< ContentTemplate > < asp:GridView ID = GridView1 runat = server >
< / asp:GridView >
< asp:GridView ID < span class =code-keyword> = GridView2 runat = server AllowSorting = True
< span class =code-attribute> AutoGenerateColumns = False OnPreRender = GridView1_PreRender >
< 列 >
< asp:BoundField DataField = ID HeaderText = ProductID ReadOnly = True
< span class =code-attribute> SortExpression = ID / >
< asp:BoundField DataField = 名称 HeaderText = ProductName
< span class =code-attribute> SortExpress ion = 名称 / >
< asp:BoundField DataField = 添加 HeaderText = QuantityPerUnit
< span class =code-attribute> SortExpression = 添加 / >
< / Columns >
< / asp:GridView >
< / ContentTemplate >
< / asp:TabPanel >
< / asp:TabContainer >
< ; / d iv >
< / form >
< / body >
< / html >
解决方案
(document).ready(function(){
(' #< ;%#GridView1.ClientID%>')。可滚动({
ScrollHeight: 300
});
(' #<%#GridView2.ClientID%>' ).Scrollable({
ScrollHeight: 300
});
});
< / script >
< style type = text / css >
table {
font : 普通11pxTrebuchet MS,Verdana,Arial;
背景 : #fff;
border : solid 1px#C2EAD6;
}
td {
padding : < span class =code-keyword> 3px 3px 3px 6px;
color : #5D829B;
}
th {
font-weight : 粗体;
font-size : 更小;
颜色 : #5D728A;
padding : 0px 3px 3px 6px;
背景 : #CAE8EA
}
< / style>
< / head >
< body >
< 表格 id = form1 runat = server >
< div >
< asp:ToolkitScriptManager ID = ToolkitScriptManager1 runat = server >
< / asp: ToolkitScriptManager >
< asp:TabContainer ID = TabContainer1 runat = server ActiveTabIndex = < span class =code-keyword> 0
< span class =code-attribute> 宽度 = 820px >
< asp:TabPanel runat = server HeaderText = TabPanel1 ID = < span class =code-keyword> TabPanel1 >
< ContentTemplate > < asp:GridView ID = GridView1 runat = server >
</ asp:GridView >
< asp:GridView ID < span class =code-keyword> = GridView2 runat = server AllowSorting = True
< span class =code-attribute> AutoGenerateColumns = False OnPreRender = GridView1_PreRender >
< 列 >
< asp:BoundField DataField = ID HeaderText = ProductID ReadOnly = True
< span class =code-attribute> SortExpression = ID / >
< asp:BoundField DataField = 名称 HeaderText = ProductName
SortExpress ion=\"Name\" />
<asp:BoundField DataField=\"Add\" HeaderText=\"QuantityPerUnit\"
SortExpression=\" Add\" />
</Columns>
</asp:GridView>
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>
</d iv>
</form>
</body>
</html>
Dear all,
How to fix header of gridview inside ajax Tab container. I am trying but not solved out. My code is
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Fixed Header</title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/ScrollableGridPlugin.js" type="text/javascript"></script>
<script type = "text/javascript">
$(document).ready(function () {
$('#<%#GridView1.ClientID %>').Scrollable({
ScrollHeight: 300
});
$('#<%#GridView2.ClientID %>').Scrollable({
ScrollHeight: 300
});
});
</script>
<style type="text/css">
table {
font: normal 11px "Trebuchet MS", Verdana, Arial;
background:#fff;
border:solid 1px #C2EAD6;
}
td{
padding: 3px 3px 3px 6px;
color: #5D829B;
}
th {
font-weight:bold;
font-size:smaller;
color: #5D728A;
padding: 0px 3px 3px 6px;
background: #CAE8EA
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0"
Width="820px">
<asp:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1">
<ContentTemplate> <asp:GridView ID="GridView1" runat="server">
</asp:GridView>
<asp:GridView ID="GridView2" runat="server" AllowSorting="True"
AutoGenerateColumns="False" OnPreRender="GridView1_PreRender">
<Columns>
<asp:BoundField DataField="ID" HeaderText="ProductID" ReadOnly="True"
SortExpression="ID" />
<asp:BoundField DataField="Name" HeaderText="ProductName"
SortExpression="Name" />
<asp:BoundField DataField="Add" HeaderText="QuantityPerUnit"
SortExpression="Add" />
</Columns>
</asp:GridView>
</ContentTemplate>
</asp:TabPanel>
</asp:TabContainer>
</div>
</form>
</body>
</html>
解决方案
(document).ready(function () {
('#<%#GridView1.ClientID %>').Scrollable({ ScrollHeight: 300 });
('#<%#GridView2.ClientID %>').Scrollable({ ScrollHeight: 300 }); }); </script> <style type="text/css"> table { font: normal 11px "Trebuchet MS", Verdana, Arial; background:#fff; border:solid 1px #C2EAD6; } td{ padding: 3px 3px 3px 6px; color: #5D829B; } th { font-weight:bold; font-size:smaller; color: #5D728A; padding: 0px 3px 3px 6px; background: #CAE8EA } </style> </head> <body> <form id="form1" runat="server"> <div> <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager> <asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" Width="820px"> <asp:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1"> <ContentTemplate> <asp:GridView ID="GridView1" runat="server"> </asp:GridView> <asp:GridView ID="GridView2" runat="server" AllowSorting="True" AutoGenerateColumns="False" OnPreRender="GridView1_PreRender"> <Columns> <asp:BoundField DataField="ID" HeaderText="ProductID" ReadOnly="True" SortExpression="ID" /> <asp:BoundField DataField="Name" HeaderText="ProductName" SortExpression="Name" /> <asp:BoundField DataField="Add" HeaderText="QuantityPerUnit" SortExpression="Add" /> </Columns> </asp:GridView> </ContentTemplate> </asp:TabPanel> </asp:TabContainer> </div> </form> </body> </html>
这篇关于如何在标签容器中修复标题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文