RadComboBox "Paste"事件中 "OnClientKeyPressing"的 JavaScript

Question

在RadComboBox的OnClientKeyPressing事件中，我正在检查 RadComboBox 中输入的文本是否大于 5 个字符，然后启用 asp:Button，如果没有，则禁用 asp:Button。

RadComboBox 和 asp:Button 均位于 RadGrid 内。

如果我手动输入 5 个或 5 个以上字符，这将非常有效，但如果我在 RadComboBox 内粘贴 5 个或 5 个以上字符，则不会，如果我粘贴，则 asp:Button 保持禁用状态。

原因是:当我在 RadComboBox 中粘贴某些内容时，OnClientKeyPressing 事件引发，并且由于按键(ctrl+v)仅被按下一次时间，因此文本长度始终为 0，并且根据条件(如果长度 < 3，禁用按钮)它保持禁用。
请注意，长度从 0 开始，而不是从 1 开始。

我知道原因，但在将任何内容粘贴到 RadComboBox 中后，我不知道如何让它检测整个文本长度

下面是到目前为止的 Javascript:

<telerik:RadCodeBlock ID="rcb" runat="server">
        <script type="text/javascript">
            function HandleKeyPress(sender, eventArgs) {

                var len = sender.get_text().length; 

                var comboID = sender.get_id(); 
                var btnSearchID = comboID.replace("ddlAccountCode", "btnSearch");
                var btnCtrl = document.getElementById(btnSearchID);                    

                //code to chk Ctrl + V               
                var e = eventArgs.get_domEvent(); 
                if (e.keyCode == 86 && e.ctrlKey) 
                {
                    var len2 = sender.get_text().length; //-------Issue here : pasted text/length is always 0 (as the key is pressed only one time)
                    alert(len2);

                    if (len2 > 4) {
                        //alert("ctrl+v : Enable");
                        btnCtrl.disabled = false; //Enable
                    }
                    else {
                        //alert("ctrl+v : Disable");
                        btnCtrl.disabled = true; //Disable
                    }
                }
                else if (eventArgs.get_domEvent().keyCode != 8 && len > 4)
                {
                    //alert("Chk manually entered text");
                    btnCtrl.disabled = false; //Enable
                }
                else if (eventArgs.get_domEvent().keyCode == 8 && len > 4){   
                    //alert("Backspace Enable");
                    btnCtrl.disabled = false; //Enable 
                }
                else {
                    btnCtrl.disabled = true; //Disable
                }
            }
        </script>
    </telerik:RadCodeBlock>

HTML:

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" OnNeedDataSource="RadGrid1_NeedDataSource">
                            <MasterTableView>
                                <Columns>
                                    <telerik:GridTemplateColumn HeaderText="Acc">
                                        <EditItemTemplate>                                                
                                            <telerik:RadComboBox ID="ddlAccountCode" runat="server" Height="200" Width="260"
                                             AllowCustomText="true" OnClientKeyPressing="HandleKeyPress" >
                                                <Items>
                                                    <telerik:RadComboBoxItem Text="Gg" />
                                                    <telerik:RadComboBoxItem Text="Gg1" />
                                                    <telerik:RadComboBoxItem Text="Gg3" />
                                                </Items>
                                            </telerik:RadComboBox>
                                            <asp:Button ID="btnSearch" runat="server" Text="Search" OnClick="btnSearch_Click" OnClientClick="ButtonClicked()" UseSubmitBehavior="true" />                                      
                                        </EditItemTemplate>
                                    </telerik:GridTemplateColumn>
                                </Columns>
                            </MasterTableView>
                        </telerik:RadGrid>

Answer 1

OnClientKeyPressing 事件实际上是在按下按键和用按键中的文本填充控件之间的时间之间触发的。这意味着在用户键入的正常情况下，它将始终显示文本的长度 - 1，并且当用户粘贴到其中时，还没有文本。

我建议改用OnClientTextChange 事件，该事件将在控件中的文本实际更改后触发。在这种情况下，您不需要编写条件语句来处理 ctrl+v 输入。但是，这只会在组合框失去焦点后触发。

如果您需要它在用户按下按键时触发，而不是在组合框失去焦点后触发，则另一种解决方案是将您的代码包装在 setTimeout 调用中，第二次调用时长为 1 毫秒参数，这将允许控件在根据代码进行检查之前更新其文本。