我需要为在项目中引用AccountNumber的所有ASPxTextBox添加一个Mask / DisplayFormatString以仅在DevExpress中查看最后4位数字。传递帐号时,有一种常见的方法返回格式化的帐号。
如何调用此方法,或者是否有简单的方法将此掩码应用于整个项目中的所有AccountNumber ASPxTextBox。你能帮我这个忙吗?
示例:如果真实帐号为987654321。则应显示为***** 4321
<dx:ASPxTextBox ID="txtBankAccountNumber" ClientInstanceName="txtBankAccountNumber" runat="server" Width="100%">
</dx:ASPxTextBox>
答案 0 :(得分:0)
请检查以下示例,将Mask设置为ASPxTextBox
https://demos.devexpress.com/aspxeditorsdemos/Features/MaskedInput.aspx
https://www.devexpress.com/Support/Center/Question/Details/Q345434/aspxtextbox-how-to-set-mask
例如
<dx:ASPxTextBox ID="txtZip" runat="server" Width="100%" Caption="Zip Code">
<MaskSettings Mask="00000" ErrorText="Please input missing digits" />
<ValidationSettings ErrorDisplayMode="ImageWithTooltip" Display="Dynamic" ErrorTextPosition="Bottom" />
</dx:ASPxTextBox>
答案 1 :(得分:0)
根据我的经验,您可以使用两种方法进行遮罩:
1)Devexpress:
您可以使用devexpress,也可以将掩码与电话号码等配合使用。
喜欢此代码:
<dx:ASPxTextBox ID="txtPhone" runat="server" Width="100%" ClientInstanceName="clTxtPhone" Caption="Phone Number">
<MaskSettings Mask="0000" IncludeLiterals="None" />
<ValidationSettings ErrorDisplayMode="ImageWithTooltip" Display="Dynamic" ErrorTextPosition="Bottom" />
<ClientSideEvents Init="phone_InitAndKeyUp" KeyUp="phone_InitAndKeyUp" />
</dx:ASPxTextBox>
2)Javascript: 像这样:
<!DOCTYPE html>
<html>
<head>
<!-- Example jQuery Reference -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!-- Example jQuery Masking Script -->
<script src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<script type='text/javascript'>
$(function(){
// Define your mask (using 9 to denote any digit)
$('#YourTextBox').mask('(999) 999-9999');
});
</script>
</head>
<body>
<!-- Example of your TextBox -->
<asp:TextBox ID="YourTextBox" runat="server"></asp:TextBox>
</body>
</html>