嵌套网格视图的大小不合适 [英] Nested grid view not in proper size
本文介绍了嵌套网格视图的大小不合适的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有四个嵌套的网格视图当我点击+图像时，下一个网格视图将打开，但问题是在离开这样的列之后出现内部网格现在我希望内部网格也应该看起来相同而不留下左边的列和右边
- A 0 0 0 0
+ B 0 0 0 0
有没有办法做到这一点
< script type = text / javascript src = http://ajax.googleapis.com/ajax/libs/jquery/ 1.8.3 / jquery.min.js > < /脚本 <跨度class =code-keyword>>
< script < span class =code-attribute> type = text / javascript >
$（function（）{
$（[id * = imgLevel1 ]）。each（function（）{
if（$（this）[0] .src.indexOf（minus）！= -1）{
$（this）.closest（ tr）。after（< tr > < td < span class =code-attribute> colspan =' 10' > + $（this）.next（）。html（）+< / td > < / tr > ）;
$（this）.next（）。remove（）;
}
}）;
$（[id * = imgLevel2]）。each（function（）{
if（$（this）[0] .src.indexOf（minus）！= -1）{
$（this）.closest（tr）。after（< tr > < > < td colspan =' 10' > + $（this）.next（）。html（）+< / td > < / tr > ）;
$（this）.next（）。rem OVE（）;
}
}）;
$（[id * = imgLevel3]）。each（function（）{
if（$（this）[0] .src.indexOf（minus）！= -1）{
$（this）.closest（tr）。after（< tr > < td colspan =' 10' > + $（this）.next（）。html （）+< / td > < / tr > ）;
$（this）.next（）。remove（）;
}
}）;
}）;
< / script >
< asp：Panel runat = server < span class =code-attribute> ID = pnlLevel1 BorderColor = 灰色 BorderWidth = 1px 宽度 = 100％ >
< table style = width：100 ％;高度：100％; >
< tr >
< td >
< asp：GridView ID = gvLevel1 runat = server AutoGenerateColumns = false
PageSize = 40 宽度 = 100％ 高度 = 100％
< span class =code-attribute> DataKeyNames = < span class =code-keyword> LocID onrowdatabound = gvLevel1_RowDataBound >
< 列 >
< asp：TemplateField >
< ItemTemplate >
< asp：ImageButton ID = imgLevel1 runat = server < span class =code-attribute> OnClick = Show_Hide_Level1Grid
< span class =code-attribute> ImageUrl = 〜/ images / plus。 png CommandArgument = 显示 / >
< asp：Panel ID = pnlLevel2 runat = server 样式 = position：relative; margin-left：-5px;边框颜色：红色; border-width：1px; 宽度 = 100％ >
< asp：GridView ID = gvLevel2 runat = server AutoGenerateColumns = false 宽度 = 100％ ShowHeader = false < span class =code-attribute>
< span class =code-attribute> DataKeyNames = LocID PageSize = 40 OnRowDataBound = gvLevel2_RowDataBound
样式 = position：relative; margin-left：-5px; < span class =code-keyword>>
< 列 >
< asp：TemplateField ItemStyle-Width = 40px >
< ItemTemplate >
< asp：ImageButton ID = imgLevel2 runat = server O nClick = Show_Hide_Level2Grid
< span class =code-attribute> ImageUrl = 〜/ images / plus.png CommandArgument = 显示 / >
< asp：Panel ID = pnlLevel3 < span class =code-attribute> runat = server 样式 = position：relative; margin-left：-7px; 宽度 = 100％ >
< asp： GridView ID = gvLevel3 runat = server AutoGenerateColumns = false 宽度 = 100％
onrowdatabound = gvLevel3_RowDataBound ShowHeader = false 样式 = position：relative; margin-left：-6px;
< span class =code-attribute> < span class =code-attribute> DataKeyNames = LocID PageSize = 40 >
< span class =code-keyword>< 列 >
< asp：TemplateField ItemStyle-Width = 40px >
< ItemTemplate >
< asp：ImageButton ID = imgLevel3 runat = server < span class =code-attribute> OnClick = Show_Hide_Level3Grid
< span class =code-attribute> < span class =code-attribute> ImageUrl = 〜/ images / plus.png CommandArgument = Sh ow / >
< asp：Panel ID = pnlLevel4 < span class =code-attribute> runat = server 样式 = position：relative; margin-left：-7px; 宽度 = 100％ >
< asp：GridView ID = gvLevel4 runat = 服务器 AutoGenerateColumns = false
PageSize=\"40\" Width=\"100%\" ShowHeader=\"false\" Style=\"position: relative;margin-left:-6px;\"
< span class =code-attribute> onrowdatabound=\"gvLevel4_RowDataBound\" DataKeyNames=\"LocID\">
<Columns>
<asp:BoundField ItemStyle-Width=\"390px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"SubName\" ItemStyle-Font-Bold=\"true\"/>
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"DraftCount\" ItemStyle-Height=\"40px\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"SubmittedCount\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"ApproveCount\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-Ho rizontalAlign=\"Center\" DataField=\"RejectCount\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"EditCount\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"LockCount\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"PendingCount\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"ReportCount\" < span class=\"code-attribute\"> />
</Columns>
</asp:GridView>
</asp:Panel>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField ItemStyle-Width=\"323px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"SubName\" ItemStyle-Font-Bold=\"true\"/>
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"DraftCount\" ItemStyle-Height=\"40px\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"SubmittedCount\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"ApproveCount\" />
<asp:BoundField < span class=\"code-attribute\">ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"RejectCount\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"EditCount\" />
<asp:BoundField ItemStyle-Width=\" 40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"LockCount\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"PendingCount\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-Height=\"40px\" ItemStyle-HorizontalAlign=\"Center\" DataField=\"ReportCount\" />
</Columns>
</asp:GridView>
</asp:Panel>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField ItemStyle-Width=\"313px\" ItemStyle-HorizontalAlign=\"Center\" DataF ield=\"SubName\" ItemStyle-Font-Bold=\"true\"/>
<asp:BoundField ItemStyle-Width=\"42px\" DataField=\"DraftCount\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" />
<asp:BoundField ItemStyle-Width=\"40px\" DataField=\"SubmittedCount\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" />
<asp:BoundField ItemStyle-Width=\"40px\" DataField=\"ApproveCount\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" />
<asp:BoundField ItemStyle-Width=\"40px\" DataField=\"RejectCount\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" />
<asp:BoundField ItemStyle-Width=\"40px\" DataField=\"EditCount\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" />
<asp:BoundField ItemStyle-Width=\"40px\" DataField=\"LockCount\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" />
<asp:BoundField ItemStyle-Width=\"40px\" DataField=\"PendingCount\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" />
<asp:BoundField ItemStyle-Width=\"40px\" DataField=\"ReportCount\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" />
</Columns>
</asp:GridView>
</asp:Panel>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField ItemStyle-Width=\"300px\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" DataField=\"SubName\" HeaderText=\"Location Name\" ItemStyle-Font-Bold=\"true\"/>
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" DataField=\"DraftCount\" HeaderImageUrl=\"~/images/actions/draft.png\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" DataField=\"SubmittedCount\" HeaderImageUrl=\"~/images/actions/submit_report_hover.png\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" DataField=\"ApproveCount\" HeaderImageUrl=\"~/images/actions/approve_hover.png\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" DataField=\"RejectCount\" HeaderImageUrl=\"~/images/actions/reject_hover.png\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" DataField=\"EditCount\" HeaderImageUrl=\"~/images/actions/edit_icon.png\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" DataField=\"LockCount\" HeaderImageUrl=\"~/images/actions/lock.png\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" DataField=\"PendingCount\" Hea derImageUrl=\"~/images/actions/pending_icon_hover.png\" />
<asp:BoundField ItemStyle-Width=\"40px\" ItemStyle-HorizontalAlign=\"Center\" ItemStyle-Height=\"40px\" DataField=\"Repor tCount\" />
</Columns>
</asp:GridView>
</td>
</tr>
</table>
</asp:Panel> 解决方案
(function () {
(\"[id*=imgLevel1]\").each(function () {
if (
(this)[0].src.indexOf(\"minus\") != -1) {
I have four nested grid view When I click + image the next grid view will open but the problem is the inner grid appears after leaving a columns like this now i want that inner grid should also appear same without leaving columns in left and right side
- A 0 0 0 0
+ B 0 0 0 0
Is there any way to do this
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("[id*=imgLevel1]").each(function () {
if ($(this)[0].src.indexOf("minus") != -1) {
$(this).closest("tr").after("<tr><td colspan = '10'>" + $(this).next().html() + "</td></tr>");
$(this).next().remove();
}
});
$("[id*=imgLevel2]").each(function () {
if ($(this)[0].src.indexOf("minus") != -1) {
$(this).closest("tr").after("<tr><><td colspan = '10'>" + $(this).next().html() + "</td></tr>");
$(this).next().remove();
}
});
$("[id*=imgLevel3]").each(function () {
if ($(this)[0].src.indexOf("minus") != -1) {
$(this).closest("tr").after("<tr><td colspan = '10'>" + $(this).next().html() + "</td></tr>");
$(this).next().remove();
}
});
});
</script>
<asp:Panel runat="server" ID="pnlLevel1" BorderColor="Gray" BorderWidth="1px" Width="100%" >
<table style="width:100%; height:100%;">
<tr>
<td>
<asp:GridView ID="gvLevel1" runat="server" AutoGenerateColumns="false"
PageSize="40" Width="100%" Height="100%"
DataKeyNames="LocID" onrowdatabound="gvLevel1_RowDataBound">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:ImageButton ID="imgLevel1" runat="server" OnClick="Show_Hide_Level1Grid"
ImageUrl="~/images/plus.png" CommandArgument="Show" />
<asp:Panel ID="pnlLevel2" runat="server" Style="position: relative;margin-left:-5px; border-color:Red; border-width:1px;" Width="100%">
<asp:GridView ID="gvLevel2" runat="server" AutoGenerateColumns="false" Width="100%" ShowHeader="false"
DataKeyNames="LocID" PageSize="40" OnRowDataBound="gvLevel2_RowDataBound"
Style="position: relative;margin-left:-5px;">
<Columns>
<asp:TemplateField ItemStyle-Width="40px">
<ItemTemplate>
<asp:ImageButton ID="imgLevel2" runat="server" OnClick="Show_Hide_Level2Grid"
ImageUrl="~/images/plus.png" CommandArgument="Show" />
<asp:Panel ID="pnlLevel3" runat="server" Style="position: relative;margin-left:-7px;" Width="100%">
<asp:GridView ID="gvLevel3" runat="server" AutoGenerateColumns="false" Width="100%"
onrowdatabound="gvLevel3_RowDataBound" ShowHeader="false" Style="position: relative;margin-left:-6px;"
DataKeyNames="LocID" PageSize="40">
<Columns>
<asp:TemplateField ItemStyle-Width="40px">
<ItemTemplate>
<asp:ImageButton ID="imgLevel3" runat="server" OnClick="Show_Hide_Level3Grid"
ImageUrl="~/images/plus.png" CommandArgument="Show" />
<asp:Panel ID="pnlLevel4" runat="server" Style="position: relative;margin-left:-7px;" Width="100%">
<asp:GridView ID="gvLevel4" runat="server" AutoGenerateColumns="false"
PageSize="40" Width="100%" ShowHeader="false" Style="position: relative;margin-left:-6px;"
onrowdatabound="gvLevel4_RowDataBound" DataKeyNames="LocID">
<Columns>
<asp:BoundField ItemStyle-Width="390px" ItemStyle-HorizontalAlign="Center" DataField="SubName" ItemStyle-Font-Bold="true"/>
<asp:BoundField ItemStyle-Width="40px" ItemStyle-HorizontalAlign="Center" DataField="DraftCount" ItemStyle-Height="40px" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="SubmittedCount" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="ApproveCount" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="RejectCount" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="EditCount" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="LockCount" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="PendingCount" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="ReportCount" />
</Columns>
</asp:GridView>
</asp:Panel>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField ItemStyle-Width="323px" ItemStyle-HorizontalAlign="Center" DataField="SubName" ItemStyle-Font-Bold="true"/>
<asp:BoundField ItemStyle-Width="40px" ItemStyle-HorizontalAlign="Center" DataField="DraftCount" ItemStyle-Height="40px" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="SubmittedCount" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="ApproveCount" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="RejectCount" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="EditCount" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="LockCount" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="PendingCount" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-Height="40px" ItemStyle-HorizontalAlign="Center" DataField="ReportCount" />
</Columns>
</asp:GridView>
</asp:Panel>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField ItemStyle-Width="313px" ItemStyle-HorizontalAlign="Center" DataField="SubName" ItemStyle-Font-Bold="true"/>
<asp:BoundField ItemStyle-Width="42px" DataField="DraftCount" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" />
<asp:BoundField ItemStyle-Width="40px" DataField="SubmittedCount" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" />
<asp:BoundField ItemStyle-Width="40px" DataField="ApproveCount" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" />
<asp:BoundField ItemStyle-Width="40px" DataField="RejectCount" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" />
<asp:BoundField ItemStyle-Width="40px" DataField="EditCount" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" />
<asp:BoundField ItemStyle-Width="40px" DataField="LockCount" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" />
<asp:BoundField ItemStyle-Width="40px" DataField="PendingCount" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" />
<asp:BoundField ItemStyle-Width="40px" DataField="ReportCount" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" />
</Columns>
</asp:GridView>
</asp:Panel>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField ItemStyle-Width="300px" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" DataField="SubName" HeaderText="Location Name" ItemStyle-Font-Bold="true"/>
<asp:BoundField ItemStyle-Width="40px" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" DataField="DraftCount" HeaderImageUrl="~/images/actions/draft.png" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" DataField="SubmittedCount" HeaderImageUrl="~/images/actions/submit_report_hover.png" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" DataField="ApproveCount" HeaderImageUrl="~/images/actions/approve_hover.png" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" DataField="RejectCount" HeaderImageUrl="~/images/actions/reject_hover.png" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" DataField="EditCount" HeaderImageUrl="~/images/actions/edit_icon.png" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" DataField="LockCount" HeaderImageUrl="~/images/actions/lock.png" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" DataField="PendingCount" HeaderImageUrl="~/images/actions/pending_icon_hover.png" />
<asp:BoundField ItemStyle-Width="40px" ItemStyle-HorizontalAlign="Center" ItemStyle-Height="40px" DataField="ReportCount" />
</Columns>
</asp:GridView>
</td>
</tr>
</table>
</asp:Panel> 解决方案
(function () {
("[id*=imgLevel1]").each(function () { if (
(this)[0].src.indexOf("minus") != -1) {
这篇关于嵌套网格视图的大小不合适的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
