0

我有两个 RadDatePickers，一个标签和一个按钮。我正在尝试为用户创建一个表单来选择两个日期来设置时间段。我遇到的问题是 RadDatepickers 不会留在同一条线上。所有这些元素都在一个表中。我希望它们排成一行，而不是元素出现在另一个下方。

这是我的代码：

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:UpdatePanel ID="UpdatePanel5" runat="server">
        <ContentTemplate>
            <table>
                <tr>
                    <td bgcolor="#EEF4FD" class="style77">

                    </td>
                    <td bgcolor="#EEF4FD" class="style87">
                    </td>
                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:RadioButton ID="nameSearch" runat="server" 
                            GroupName="searchRad" Text="Company Name" 
                            AutoPostBack="True" oncheckedchanged="nameSearch_CheckedChanged" />
                    </td>
                </tr>

                <tr>
                    <td bgcolor="#EEF4FD" class="style77">
                    </td>
                    <td bgcolor="#EEF4FD" class="style87">
                    </td>
                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:RadioButton ID="dateSearch" runat="server" GroupName="searchRad" 
                            Text="Date Created" 
                            AutoPostBack="True" oncheckedchanged="dateSearch_CheckedChanged" />
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#EEF4FD" class="style77">
                    </td>
                    <td bgcolor="#EEF4FD" class="style87">
                    </td>
                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:Panel ID="Panel1" runat="server">
                            <asp:TextBox ID="SearchBox" runat="server" Width="350px"></asp:TextBox>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch1" runat="server" Text="Search" onclick="btnSearch1_Click" />
                        </asp:Panel>

                        <asp:Panel ID="Panel2" runat="server" Visible="false">
                            <telerik:RadDatePicker ID="RadDatePicker1" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                            </telerik:RadDatePicker>
                            &nbsp;&nbsp;
                            <asp:Label ID="dash" runat="server" Text=" to "></asp:Label>
                            &nbsp;&nbsp;
                            <telerik:RadDatePicker ID="RadDatePicker2" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                            </telerik:RadDatePicker>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch2" runat="server" Text="Search" onclick="btnSearch2_Click" />
                        </asp:Panel>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

请帮我。提前致谢。

4

2 回答 2

0

TD在最后删除两个空TR并colspan="3"
更改您的最后一个TR块，如下所示

               <tr>
                    <td bgcolor="#EEF4FD" class="style83" colspan="3">
                        <asp:Panel ID="Panel1" runat="server">
                            <asp:TextBox ID="SearchBox" runat="server" Width="350px"></asp:TextBox>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch1" runat="server" Text="Search" onclick="btnSearch1_Click" />
                        </asp:Panel>

                        <asp:Panel ID="Panel2" runat="server" Visible="false">
                            <telerik:RadDatePicker ID="RadDatePicker1" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                            </telerik:RadDatePicker>
                            &nbsp;&nbsp;
                            <asp:Label ID="dash" runat="server" Text=" to "></asp:Label>
                            &nbsp;&nbsp;
                            <telerik:RadDatePicker ID="RadDatePicker2" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                            </telerik:RadDatePicker>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch2" runat="server" Text="Search" onclick="btnSearch2_Click" />
                        </asp:Panel>
                    </td>
                </tr>
于 2015-03-11T09:50:12.710 回答
0

我想到了。

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:UpdatePanel ID="UpdatePanel5" runat="server">
        <ContentTemplate>
            <table>
                <tr>
                    <td bgcolor="#EEF4FD" class="style77">
                    </td>

                    <td bgcolor="#EEF4FD" class="style87">
                    </td>

                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:RadioButton ID="nameSearch" runat="server" 
                        GroupName="searchRad" Text="Company Name" 
                        AutoPostBack="True" oncheckedchanged="nameSearch_CheckedChanged" />
                    </td>
                </tr>

                <tr>
                    <td bgcolor="#EEF4FD" class="style77">
                    </td>

                    <td bgcolor="#EEF4FD" class="style87">
                    </td>

                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:RadioButton ID="dateSearch" runat="server" GroupName="searchRad" 
                        Text="Date Created" 
                        AutoPostBack="True" oncheckedchanged="dateSearch_CheckedChanged" />
                    </td>
                </tr>

                <tr>
                    <td bgcolor="#EEF4FD" class="style77">
                    </td>

                    <td bgcolor="#EEF4FD" class="style87">
                    </td>

                    <td bgcolor="#EEF4FD" class="style83">
                        <asp:Panel ID="Panel1" runat="server">
                            <asp:TextBox ID="SearchBox" runat="server" Width="350px"></asp:TextBox>
                            &nbsp;&nbsp;
                            <asp:Button ID="btnSearch1" runat="server" Text="Search" onclick="btnSearch1_Click" />
                        </asp:Panel>

                        <asp:Panel ID="Panel2" runat="server" Visible="false">
                            <asp:Table ID="pnlTable" runat="server">
                                <asp:TableRow>
                                    <asp:TableCell>
                                        <telerik:RadDatePicker ID="RadDatePicker1" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                                        </telerik:RadDatePicker>
                                    </asp:TableCell>

                                    <asp:TableCell>
                                        <asp:Label ID="dash" runat="server" Text=" to "></asp:Label>
                                    </asp:TableCell>

                                    <asp:TableCell>
                                        <telerik:RadDatePicker ID="RadDatePicker2" runat="server" DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px">
                                        </telerik:RadDatePicker>
                                    </asp:TableCell>

                                    <asp:TableCell>
                                        <asp:Button ID="btnSearch2" runat="server" Text="Search" onclick="btnSearch2_Click" />
                                    </asp:TableCell>
                                </asp:TableRow>
                            </asp:Table>
                        </asp:Panel>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
于 2015-03-11T10:20:49.957 回答