1

私は境界のあるコントロールを持つAJAX Slider Extenderを持っています.aspテキストボックスは正常に動作し、スライダーがドラッグされているときに値が変化します。ここで私の質問は、スライダーがスライドするときに、スライダーにバインドされたテキストボックスのコンテンツを操作する方法があるかということです。たとえば、スライダーが最小 1、最大 100 に設定されている場合、境界付きテキスト ボックスに 1 から 9 までを 01,02,03 などとして表示する必要があります。以下は、スライダー コントロールのフラグメント コードです。

<tr>
                    <td class="label">
                        Call Start:
                    </td>
                    <td>
                        <asp:ImageButton ID="CallStart" ImageUrl="~/images/Icons/32/telephone.png" runat="server"
                            OnClientClick="show(); return false;" />
                        <asp:TextBox ID="tbxCallStart" runat="server" Enabled="false" BackColor="White" />
                        <div id="pnlCallStart" style="display: none;">
                            <table>
                                <tr>
                                    <td>
                                        <asp:TextBox ID="txtCallStartHours" runat="server" Width="20px" Enabled="false" BackColor="White"
                                            Style="text-align: center;"></asp:TextBox>
                                        :
                                        <asp:TextBox ID="txtCallStartMinutes" runat="server" Width="20px" Enabled="false"
                                            BackColor="White" Style="text-align: center;"></asp:TextBox>
                                        <asp:RadioButton ID="rdoAM" runat="server" GroupName="time" Text="AM" />
                                        <asp:RadioButton ID="rdoPM" runat="server" GroupName="time" Text="PM" />
                                        <asp:Button ID="btnDoneStart" runat="server" Text="Done" OnClientClick="getCallStartTime();"
                                            OnClick="btnDoneStart_Clicked" />
                                        <asp:HiddenField ID="hidCallStart" runat="server" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <table>
                                            <tr>
                                                <td>
                                                    Hours :
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="tbxDummy" runat="server"></asp:TextBox>
                                                    <ajax:SliderExtender ID="sldeHours" runat="server" TargetControlID="tbxDummy" BoundControlID="txtCallStartHours"
                                                        Minimum="1" Maximum="12" Steps="12">
                                                    </ajax:SliderExtender>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    Minutes :
                                                </td>
                                                <td>
                                                    <ajax:SliderExtender ID="sldeMinutes" runat="server" TargetControlID="tbxDummy" BoundControlID="txtCallStartMinutes"
                                                        Minimum="0" Maximum="59" Steps="60">
                                                    </ajax:SliderExtender>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>

                        <script type="text/javascript">
                            function show() {
                                document.getElementById('pnlCallStart').style.display = 'block';
                                document.getElementById('<%=txtCallStartHours.ClientID %>').value =
                                    document.getElementById('<%=txtCallStartHours.ClientID %>').value;
                                document.getElementById('<%=txtCallStartMinutes.ClientID %>').value =
                                    formatTime(document.getElementById('<%=txtCallStartMinutes.ClientID %>').value);
                                document.getElementById('<%=tbxCallStart.ClientID %>').style.display = 'none';
                            }
                            function formatTime(value) {
                                if (value < 9)
                                    return "0" + value;
                                else
                                    return value;
                            }
                            function getCallStartTime() {
                                document.getElementById('pnlCallStart').style.display = 'none';
                                document.getElementById('<%=hidCallStart.ClientID%>').value =
                                document.getElementById('<%=txtCallStartHours.ClientID%>').value;
                                document.getElementById('<%=tbxCallStart.ClientID %>').style.display = 'block';
                            }
                        </script>

                    </td>
                </tr>

ティア

4

0 に答える 0