Sep 24, 2015, 2:23 PM
[CLOSED] Problems Time typed on a TimeField control
Hello Commmunity!!
How we can validate the time typed on a TimeField control when i have disabled the following properties
I implemented the following example to illustrate my issue, I accept suggestions ideas or comments
I accept suggestions ideas or comments
Regards.
How we can validate the time typed on a TimeField control when i have disabled the following properties
ValidateOnChange="false"
ValidateOnBlur="false"
I tried to put a mask to control, but it didn’t workI implemented the following example to illustrate my issue, I accept suggestions ideas or comments
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
}
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>Edit Form View - Ext.NET Examples</title>
<script type="text/javascript">
var onKeyUp = function ()
{
var me = this,
v = me.getValue(),
field;
if (me.startDateField)
{
field = Ext.getCmp(me.startDateField);
field.setMaxValue(v);
me.dateRangeMax = v;
}
else if (me.endDateField)
{
field = Ext.getCmp(me.endDateField);
field.setMinValue(v);
me.dateRangeMin = v;
}
field.validate();
};
Ext.define("Ext.Picker.TimeOverride", {
override: "Ext.picker.Time",
updateList: function () {
var me = this,
min = me.normalizeDate(me.minValue || me.absMin),
max = me.normalizeDate(me.maxValue || me.absMax);
if (min > max) {
me.rangeFilter.setFilterFn(function (record) {
var date = record.get('date');
return date >= min || date <= max;
});
} else {
me.rangeFilter.setFilterFn(function (record) {
var date = record.get('date');
return date >= min && date <= max;
});
}
me.store.filter();
}
});
</script>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Window ID="FormWindow" runat="server"
Title="Form View"
Width="440"
Height="310"
BodyPadding="15"
Resizable="false"
Closable="false"
Layout="Fit">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="Button1" runat="server" Text="Button1" Icon="Disk" Disabled="true">
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Items>
<ext:FormPanel ID="FormPanel1" runat="server"
Border="false"
Layout="Form">
<Listeners>
<ValidityChange Handler="#{Button1}.setDisabled(!valid);" />
</Listeners>
<Items>
<ext:FieldContainer ID="FieldContainer3" runat="server"
FieldLabel="Range 19.00 -> 07.00"
AnchorHorizontal="100%"
Layout="HBoxLayout">
<Items>
<ext:TimeField ID="TimeFieldStart3" runat="server"
FieldLabel="Start 3" Editable="true" AllowBlank="false"
LabelWidth="60"
MinTime="19:00"
MaxTime="07:00"
LabelPad="2" Format="H:mm"
Width="135" ValidateOnBlur="false" ValidateOnChange="false">
<%-- <Plugins>
<ext:InputMask ID="InputMask1" runat="server" Mask="Hh:Mm">
<MaskSymbols>
<ext:MaskSymbol Name="H" Regex="[012]" Placeholder="h" />
<ext:MaskSymbol Name="h" Regex="[0-9]" Placeholder="h" />
<ext:MaskSymbol Name="M" Regex="[012]" Placeholder="m" />
<ext:MaskSymbol Name="m" Regex="[0-9]" Placeholder="m" />
</MaskSymbols>
</ext:InputMask>
</Plugins>--%>
</ext:TimeField>
<ext:DisplayField runat="server" Width="23" Html=" " />
<ext:TimeField ID="TimeFieldEnd3" runat="server"
FieldLabel="End 3" Editable="true" AllowBlank="false"
LabelWidth="60"
MinTime="19:00"
MaxTime="07:00"
LabelPad="2" Format="H:mm"
Width="135" ValidateOnBlur="false" ValidateOnChange="false">
</ext:TimeField>
</Items>
</ext:FieldContainer>
</Items>
</ext:FormPanel>
</Items>
</ext:Window>
</form>
</body>
</html>
http://forums.ext.net/showthread.php...nTime-MaxTime) I accept suggestions ideas or comments
Regards.
Last edited by Daniil; Oct 02, 2015 at 2:24 PM.
Reason: [CLOSED]