none
脚本隐藏列后的排列问题! RRS feed

  • 问题

  •     利用脚本隐藏GridView的列终于能运行了,但又出现了一个新的问题,那就是点击Button后排列混乱。

        图1是界面钢打开的时候的样子;
        图2是隐藏1-6行后又显示1-6行,数据全部挤在左边的样子(7、8行没有隐藏过,所以没影响)

        图3是我将各个列转换为模板,包括TextBox(部分为MultiLine)和Label,并设置了它们的长度和高度,隐藏它们再打开它们,发现横向方面勉强对齐了,纵向方面各个控件高低不平,奇丑无比,而且Footer都缩到最左边去了。不知道该怎么调整,请各位帮忙看看!谢谢!

        代码1为脚本隐藏代码,代码2为前三列的代码

        现在论坛不能发截图了么?我换了几种浏览器,几台电脑都发不了!

       -------------------代码1(脚本隐藏代码)---------------------

    function bb() {
                    var CheckBoxList = document.getElementById("CheckBoxList_All");
                    if (CheckBoxList.tagName == "TABLE") {
                        for (var a = 0; a < 102; a++) {
    
                            if (CheckBoxList.rows[a].cells[0].childNodes[0].checked == false) {
                                var table = document.getElementById("GridView_Search");
                                for (var i = 0; i < table.rows.length - 1; i++) {
                                    table.rows[i].cells[a].style.display = "none";
                                }
                            }
                            else {
                                var table = document.getElementById("GridView_Search");
                                for (var i = 0; i < table.rows.length - 1; i++) {
                                    table.rows[i].cells[a].style.display = "inline";
                                }
                            }
                        }
                    }
                }

    -------------------代码2(前三列的代码)----------------------

    <Columns>
                                <asp:TemplateField HeaderText="序  号" SortExpression="Column1" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle">
                                    <ItemTemplate>
                                        <asp:Label ID="Label_xuhao" runat="server" Text='<%# Bind("Column1") %>' Height="30px" Width="30px" Font-Size="Smaller"></asp:Label>
                                    </ItemTemplate>
                                    <EditItemTemplate>
                                        <asp:Label ID="Label_xuhao" runat="server" Font-Size="Smaller" Height="30px" 
                                            Text='<%# Bind("Column1") %>' Width="30px"></asp:Label>
                                    </EditItemTemplate>
                                    <HeaderStyle Font-Size="Smaller" Height="30px" Width="30px"  HorizontalAlign="Center"/>
                                    <%--<ItemStyle Font-Size="Smaller"  HorizontalAlign="Center" 
                                        Width="30px" />--%><ItemStyle HorizontalAlign="Center" VerticalAlign="Middle"></ItemStyle>
                                </asp:TemplateField>
                                    <asp:TemplateField HeaderText="年  份" SortExpression="ReceivableID">
                                    <ItemTemplate>
                                        <asp:TextBox ID="TextBox_ReceivableID" runat="server" 
                                            Text='<%# Bind("ReceivableID") %>' onkeyup="enter(this)"  Height="30px" Width="30px" ></asp:TextBox>
                                    </ItemTemplate>
                                    <HeaderStyle Font-Size="Smaller"  Width="30px" Height="30px"/>
                                    <%--<ItemStyle  Width="30px" />--%>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="资产编号" SortExpression="PropertyIDR">
                                    <ItemTemplate>
                                        <asp:TextBox ID="TextBox_PropertyIDR" runat="server" 
                                            Text='<%# Bind("PropertyIDR") %>' onkeyup="enter(this)"  Height="30px" Width="60px" ></asp:TextBox>
                                    </ItemTemplate>
                                    <HeaderStyle Font-Size="Smaller" Height="30px" Width="60px" />
                                </asp:TemplateField>
                                <asp:BoundField DataField="PRID" HeaderText="ID号" InsertVisible="False" 
                                    ReadOnly="True" SortExpression="PRID" >
                                <HeaderStyle Font-Size="Smaller" Height="30px" Width="30px"/>
                                <ItemStyle Font-Size="Smaller" Height="30px" Width="30px" />
                                </asp:BoundField>

    --------------------------图1--------------------------

    C# 菜鸟中的雏鸟!提的问题也许很幼稚,但我是认真的。希望看在党国的面子上拉兄弟一把!


    2012年7月3日 4:33