NumericUpDownExtender 按钮与文本框高度相同

发布于 2024-09-28 22:20:21 字数 801 浏览 7 评论 0原文

我正在使用 NumericUpDownExtender 控件，但文本框侧面的按钮比文本框大，有没有办法使按钮与文本框的高度相同？

编辑：我发现了我的问题。我用的是标准按钮，无法处理？现在我已经创建了自定义的，但它们不会彼此出现，而是彼此相邻。

我的代码：

<asp:TextBox ID="txtHerst" runat="server" Text="0" Style="text-align: center"></asp:TextBox><cc1:NumericUpDownExtender ID="extHerst" runat="server" TargetControlID="txtHerst"
Width="50" Enabled="True" Maximum="1.7976931348623157E+308" Minimum="-1.7976931348623157E+308"
RefValues="" ServiceDownMethod="" ServiceDownPath="" ServiceUpMethod="" Tag=""
TargetButtonDownID="imgBtnDown" TargetButtonUpID="imgBtnUp"></cc1:NumericUpDownExtender><asp:ImageButton ID="imgBtnUp" runat="server" ImageUrl="Images/up.jpg" /><asp:ImageButton ID="imgBtnDown" runat="server" ImageUrl="Images/down.jpg" />`

原文

I'm using the NumericUpDownExtender control, but my buttons on the side of the textbox are bigger then my textbox, is there a way to make the buttons the same height as my textbox?

Edit: I found my problem. I was using the standard buttons, which can't be handled?. Now I've created custom ones, but they won't appear on each other, but next to each other.

my code:

<asp:TextBox ID="txtHerst" runat="server" Text="0" Style="text-align: center"></asp:TextBox><cc1:NumericUpDownExtender ID="extHerst" runat="server" TargetControlID="txtHerst"
Width="50" Enabled="True" Maximum="1.7976931348623157E+308" Minimum="-1.7976931348623157E+308"
RefValues="" ServiceDownMethod="" ServiceDownPath="" ServiceUpMethod="" Tag=""
TargetButtonDownID="imgBtnDown" TargetButtonUpID="imgBtnUp"></cc1:NumericUpDownExtender><asp:ImageButton ID="imgBtnUp" runat="server" ImageUrl="Images/up.jpg" /><asp:ImageButton ID="imgBtnDown" runat="server" ImageUrl="Images/down.jpg" />`

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

左耳近心 2024-10-05 22:20:22

我遇到了同样的问题，最终将扩展器替换为RangeValidator。

回复收藏 0 原文

书信已泛黄 2024-10-05 22:20:22

首先你们应该创建一些CSS。

    <style type="text/css">
        .auto-style1 {
            width: 78px;
        }
        .auto-style2 {
            height: 5px;
            width: 19%;
        } 
    </style>

因此，就我而言，我创建了一个表并使用需要它的控制器和按钮设置了列，这对我有用

                                     <table  border="1">
                                        <tr >
                                           <td class="auto-style1" ><asp:TextBox ID="TextBox1" runat="server"  Width="100%" Text='<%# Bind("Secuencia") %>' Height="18px"></asp:TextBox></tdstyle="width=70%> </td>
                                             <td class="auto-style2" >
                                                    <asp:ImageButton ID="up" runat="server"  style="max-height:100%; max-width:100%" ImageUrl="~/Imagenes/up.gif" Width="10px" />
                                                    <asp:ImageButton ID="down" runat="server" style="max-height:100%; max-width:100%" ImageUrl="~/Imagenes/down.gif" Width="10px" />
                                              </td>

                                        </tr>
                                    </table>
                                    <ajaxToolkit:NumericUpDownExtender ID="NumericUpDownExtender1" Width="20" runat="server"  
                                      TargetButtonUpID="up" TargetButtonDownID="down"    TargetControlID="TextBox1" />

first all of you should create some Css.

    <style type="text/css">
        .auto-style1 {
            width: 78px;
        }
        .auto-style2 {
            height: 5px;
            width: 19%;
        } 
    </style>

So, in my case I've created a table and set the columns with the controllers and buttons that need it, works for me

                                     <table  border="1">
                                        <tr >
                                           <td class="auto-style1" ><asp:TextBox ID="TextBox1" runat="server"  Width="100%" Text='<%# Bind("Secuencia") %>' Height="18px"></asp:TextBox></tdstyle="width=70%> </td>
                                             <td class="auto-style2" >
                                                    <asp:ImageButton ID="up" runat="server"  style="max-height:100%; max-width:100%" ImageUrl="~/Imagenes/up.gif" Width="10px" />
                                                    <asp:ImageButton ID="down" runat="server" style="max-height:100%; max-width:100%" ImageUrl="~/Imagenes/down.gif" Width="10px" />
                                              </td>

                                        </tr>
                                    </table>
                                    <ajaxToolkit:NumericUpDownExtender ID="NumericUpDownExtender1" Width="20" runat="server"  
                                      TargetButtonUpID="up" TargetButtonDownID="down"    TargetControlID="TextBox1" />

回复收藏 0 原文