以一种形式分为三列跨度 [英] split in to three column span in one form

问题描述

我有一张表格.我想分成三列.第一栏包含可折叠面板的单独功能.我在第一列中使用< table>< tr< td> div< panel>和关闭的</panel</div></td>

第二列和第三列包含网格视图数据< td>< gridview></gridview>

当我折叠第一列< td>时，第二列< td>也折叠.但是，它不应该那样.当我关闭第一面板时，第二列和第三列保持相同的位置(第二列和第三列不应
崩溃)该怎么办..?

我的代码:

I have one form. I want to split in to three columns. The 1st column contains collapsible panel seperate functionality. 1st column I used <table><tr><td><div><panel> and closed </panel></div></td>

2nd and 3rd column contain grid view data <td><gridview></gridview>

When i collapse first column <td>then second column <td>also collapsed. but, it should not like that. When i coolapse first panel then second and third column remain the same place (second and third column should not
collapse) How to do that..?

My code:

<table>
    <tr>
        <td>
        <div id="dlg" class="dialog" style="width: 460px">
            <div class="header" style="cursor: default">
                <div class="outer">
                    <div class="inner">
                        <div class="content">
                            <h2>Civil &amp; Structural Employees (Regular)</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="body">
                <div class="outer">
                    <div class="inner">
                        <div class="content">
                            <asp:Panel ID="pnlEngDesig" runat="server" CssClass="grid">

<asp:UpdatePanel ID="pnlUpdate" runat="server">
    <contenttemplate>
        <asp:GridView Width="100%" AllowPaging="True" ID="gvEngDesig" AutoGenerateColumns="False"

        DataSourceID="sqlDsEngDesig" runat="server" ShowHeader="False" OnRowCreated="gvEngDesig_RowCreated">
            <columns>
                <asp:TemplateField>
                <itemtemplate>
                    <asp:Panel CssClass="group" ID="pnlEngDesig" runat="server">
                    <asp:Image ID="imgCollapsible" CssClass="first" ImageUrl="~/GridImg/plus.png"

                    Style="margin-right: 5px;" runat="server" /><span class="header">

                    <%# Eval("emp_Design")%>
                    :
                    (<%#Eval("Totalcount")%>)
                    </span>

                    <asp:SqlDataSource ID="sqlDsEngDesig" runat="server" ConnectionString="<%$ ConnectionStrings:MPP %>"

                    SelectCommand="Select emp_number,emp_name+' '+emp_initial as name,emp_designation,Manpower_Division_ID
                    from idpeapp.dbo.view_employee where emp_dept =16 and Manpower_Division_ID=@Manpower_Division_ID
                    and emp_number not in (select emp_number from csMPExcludedList) order by emp_name">
                        <SelectParameters>
                            <asp:Parameter Name="Manpower_Division_ID" Type="String" DefaultValue="" />
                        </SelectParameters>

                    <asp:Panel Style="margin-left: 20px; margin-right: 20px" ID="pnlList" runat="server">
                        <asp:GridView AutoGenerateColumns="false" CssClass="grid" ID="gvOrders" DataSourceID="sqlDsEngDesig"

                            runat="server" ShowHeader="true" EnableViewState="false" />
                </itemtemplate>
            </columns>
    </contenttemplate>

            </div>
        </div>
        </div>
    </div>
    </div>
</td>
</tr>
</table>

推荐答案

ConnectionStrings:MPP ％> " SelectCommand =" < SelectParameters > < asp:Parameter 名称 =" 类型 字符串" DefaultValue " / < /SelectParameters > < asp:Panel 样式 =" ID =" pnlList" runat 服务器" < asp:GridView AutoGenerateColumns =" CssClass 网格" ID gvOrders" DataSourceID sqlDsEngDesig" runat =" 服务器" ShowHeader true" EnableViewState =" / > < /itemtemplate > < /列 > < /contenttemplate > < /div > < /div > < /div > < /div > < /div > < /td > < /tr > < /table >

ConnectionStrings:MPP %>" SelectCommand="Select emp_number,emp_name+' '+emp_initial as name,emp_designation,Manpower_Division_ID from idpeapp.dbo.view_employee where emp_dept =16 and Manpower_Division_ID=@Manpower_Division_ID and emp_number not in (select emp_number from csMPExcludedList) order by emp_name"> <SelectParameters> <asp:Parameter Name="Manpower_Division_ID" Type="String" DefaultValue="" /> </SelectParameters> <asp:Panel Style="margin-left: 20px; margin-right: 20px" ID="pnlList" runat="server"> <asp:GridView AutoGenerateColumns="false" CssClass="grid" ID="gvOrders" DataSourceID="sqlDsEngDesig" runat="server" ShowHeader="true" EnableViewState="false" /> </itemtemplate> </columns> </contenttemplate> </div> </div> </div> </div> </div> </td> </tr> </table>

对我来说可行的声音.没有任何代码，我看不到您的要求.是的，听起来很合理，如果看起来还可以，那么它就可以了.

Sounds feasible to me. I don''t see what you''re asking, without any code. Yes, it sounds reasonable and if it looks OK, then it''s working.

这篇关于以一种形式分为三列跨度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！