public void LoadDefaultValues()
{
if (SetDefaultValues)
{
base.Border = false;
base.FileUpload = true;
Ext.Net.Hidden hiddenFileID = new Ext.Net.Hidden() { ID = this.ID, Value = "" };
this.ID = this.ID + "_Form";
#region Upload
HBox hBoxUploadControl = new HBox() { ID = string.Format("uploadControl_{0}", this.ID) };
// width set edilebilir olmalı
Ext.Net.FileUploadField fileUpload = new Ext.Net.FileUploadField() {
ID = string.Format("fileUpload_{0}", this.ID),
Width = 206,
Icon = Ext.Net.Icon.Attach,
AllowBlank = this.AllowBlank
};
Ext.Net.Button buttonUpload = new Ext.Net.Button() { ID = string.Format("buttonUpload_{0}", this.ID), Text = "Upload", StyleSpec = "padding-left:3px;", Icon = Ext.Net.Icon.FolderGo };
buttonUpload.DirectEvents.Click.Url = UploadUrl ?? "/Files/FileUpload/";
buttonUpload.DirectEvents.Click.IsUpload = true;
buttonUpload.DirectEvents.Click.CleanRequest = true;
buttonUpload.DirectEvents.Click.Method = Ext.Net.HttpMethod.POST;
buttonUpload.DirectEvents.Click.Before = (BeforeUploadHandler ?? string.Empty) + "if (!#{" + this.ID + "}.getForm().isValid()) { return false; } Ext.Msg.wait('Uploading your file...', 'Uploading');";
buttonUpload.DirectEvents.Click.Failure = "Ext.MessageBox.hide(); if(result.errors && result.errors.length > 0) { #{" + fileUpload.ID + "}.markInvalid(result.errors[0].msg); }" + (UploadFailureHandler ?? string.Empty);
buttonUpload.DirectEvents.Click.Success = string.Format(@"{6} #{{{0}}}.setValue(result.extraParams.FileID);
#{{{1}}}.setText(result.extraParams.FileName);
Ext.net.ResourceMgr.registerIcon(result.extraParams.Icon);
#{{{1}}}.setIconClass(result.extraParams.IconCls);
#{{downloadControl_{2}}}.doLayout(true, true);
Ext.MessageBox.hide();
#{{{3}}}.allowBlank = true;
#{{{3}}}.reset();
#{{{4}}}.hide();
#{{{5}}}.show(); ", hiddenFileID.ID, string.Format("buttonDownload_{0}", this.ID), this.ID, fileUpload.ID, hBoxUploadControl.ID, string.Format("downloadControl_{0}", this.ID), (UploadSuccessHandler ?? string.Empty));
string allowedTypes = GetFileTypes(this.FileType);
if (!string.IsNullOrEmpty(allowedTypes))
this.AllowedFileTypes = allowedTypes + (!string.IsNullOrEmpty(this.AllowedFileTypes) ? "," + this.AllowedFileTypes : string.Empty);
buttonUpload.DirectEvents.Click.ExtraParams.AddRange(new List<Ext.Net.Parameter>() {
new Ext.Net.Parameter() { Name = "AllowedFileTypes", Value = AllowedFileTypes },
new Ext.Net.Parameter() { Name = "AllowedFileSize", Value = AllowedFileSize.ToString() },
new Ext.Net.Parameter() { Name = "FieldID", Value = fileUpload.ID },
new Ext.Net.Parameter() { Name = "FileID", Value = "0", Mode = Ext.Net.ParameterMode.Value }
});
hBoxUploadControl.Items.Add(fileUpload);
hBoxUploadControl.Items.Add(buttonUpload);
this.Items.Add(hBoxUploadControl);
#endregion
#region Download
HBox hBoxDownloadControl = new HBox() { ID = string.Format("downloadControl_{0}", this.ID), StyleSpec = "margin-left: -3px; margin-top: 1px;", Hidden = true };
Ext.Net.LinkButton buttonDownload = new Ext.Net.LinkButton() { ID = string.Format("buttonDownload_{0}", this.ID), Text = "Download" };
buttonDownload.DirectEvents.Click.Url = DownloadUrl ?? "/Files/FileDownload";
buttonDownload.DirectEvents.Click.CleanRequest = true;
buttonDownload.DirectEvents.Click.Method = Ext.Net.HttpMethod.POST;
buttonDownload.DirectEvents.Click.FormID = "proxyForm";
buttonDownload.DirectEvents.Click.IsUpload = true;
buttonDownload.DirectEvents.Click.ExtraParams.Add(new Ext.Net.Parameter() { Name = "id", Value = "#{" + hiddenFileID.ID + "}.getValue()", Mode = Ext.Net.ParameterMode.Raw });
Ext.Net.ImageButton deleteButton = new Ext.Net.ImageButton() { ID = string.Format("deleteButton_{0}", this.ID), ImageUrl = "/Content/icon-cross.png", StyleSpec = "padding-left:5px;" };
StringBuilder clickHandler = new StringBuilder();
clickHandler.Append((BeforeDeleteHandler ?? string.Empty));//Before
clickHandler.Append(string.Format("#{{DeletedFileIds_{0}}}.setValue(#{{DeletedFileIds_{0}}}.getValue() + #{{{0}}}.getValue() + ',');", hiddenFileID.ID)); // Click
clickHandler.Append(string.Format(@"#{{{0}}}.allowBlank = {3};
#{{{0}}}.reset();
#{{{1}}}.show();
#{{{2}}}.hide();
#{{{4}}}.setValue(null);
if(Ext.isIE) {{ #{{{0}}}.el.setStyle('width', '122px'); }}
{5}", fileUpload.ID, hBoxUploadControl.ID, hBoxDownloadControl.ID, fileUpload.AllowBlank.ToString().ToLower(), hiddenFileID.ID, (DeleteSuccessHandler ?? string.Empty))); // Success
StringBuilder sbConfirmation = new StringBuilder();
sbConfirmation.Append("var dlg = Ext.Msg.confirm('Confirm', 'Do you want to delete this file?', function (btn) { if(btn == 'yes') { " + clickHandler.ToString() + " } else { #{" + this.ID + "}.focus(); } }).getDialog();");
sbConfirmation.Append("dlg.defaultButton = 1;");
sbConfirmation.Append("dlg.focus();");
deleteButton.Listeners.Click.Handler = sbConfirmation.ToString();
hBoxDownloadControl.Items.Add(buttonDownload);
hBoxDownloadControl.Items.Add(deleteButton);
hBoxDownloadControl.Items.Add(hiddenFileID);
hBoxDownloadControl.Items.Add(new Ext.Net.Hidden() { ID = string.Format("DeletedFileIds_{0}", hiddenFileID.ID) });
hBoxDownloadControl.Items.Add(new Ext.Net.Hidden() { ID = string.Format("DeleteUrl_{0}", hiddenFileID.ID), Value = DeleteUrl ?? "/Files/DeleteFile/" });
this.Items.Add(hBoxDownloadControl);
#endregion
}
}
public static Ext.Net.BorderLayout SearchPanel(GridPanel grid, bool isParentPanel)
{
string gridID = grid.ID;
#region Main Panel
Ext.Net.Panel mainPanel = new Ext.Net.Panel()
{
ID = string.Format("panel_search_{0}", gridID),
Border = false,
Collapsed = true,
Collapsible = true,
CollapseMode = grid.SearchCollapseMode,
Height = 140,
Title = "Filter"
};
if (grid.ToggleSearch)
{
mainPanel.Listeners.Collapse.Handler = string.Format("var btnFilterToggle = #{{btnToogleSearch_{0}}}; if(btnFilterToggle && btnFilterToggle.pressed) btnFilterToggle.toggle();", gridID);
mainPanel.Listeners.Expand.Handler = string.Format("var btnFilterToggle = #{{btnToogleSearch_{0}}}; if(btnFilterToggle && !btnFilterToggle.pressed) btnFilterToggle.toggle();", gridID);
}
#region Container Search
Ext.Net.Panel searchPanel = new Ext.Net.Panel()
{
ID = string.Format("container_search_{0}", gridID),
Border = false,
Layout = "hbox",
StyleSpec = "padding: 10px;"
};
#region SelectBox Columns
Ext.Net.SelectBox selectboxColumns = new Ext.Net.SelectBox()
{
ID = string.Format("SearchBox_{0}", gridID),
EmptyText = "Select a column",
AllowBlank = false
};
var columns = grid.ColumnModel.Columns;
Column axiomColumn = null;
ColumnBaseType columnType = ColumnBaseType.String;
foreach (var column in columns)
{
if (column is Column)
{
axiomColumn = column as Column;
if (axiomColumn.DataType == 0) axiomColumn.DataType = ColumnBaseType.String;
selectboxColumns.Items.Add(new Ext.Net.ListItem { Text = axiomColumn.Header, Value = string.Format("{0}_{1}", axiomColumn.DataIndex, axiomColumn.DataType.ToString().ToLower(new System.Globalization.CultureInfo("en-US"))) });
}
else
{
Ext.Net.RecordFieldType fieldType = GetFieldType(column);
switch (fieldType)
{
case Ext.Net.RecordFieldType.Auto:
columnType = ColumnBaseType.String;
break;
case Ext.Net.RecordFieldType.Boolean:
columnType = ColumnBaseType.Bool;
break;
case Ext.Net.RecordFieldType.Date:
columnType = ColumnBaseType.Date;
break;
case Ext.Net.RecordFieldType.Float:
columnType = ColumnBaseType.Float;
break;
case Ext.Net.RecordFieldType.Int:
columnType = ColumnBaseType.Int;
break;
case Ext.Net.RecordFieldType.String:
columnType = ColumnBaseType.String;
break;
default:
columnType = ColumnBaseType.String;
break;
}
selectboxColumns.Items.Add(new Ext.Net.ListItem { Text = column.Header, Value = string.Format("{0}_{1}", column.DataIndex, columnType.ToString().ToLower(new System.Globalization.CultureInfo("en-US"))) });
}
}
selectboxColumns.Listeners.Select.Handler = string.Format(@"if(#{{compositeField_whereCondition_{0}}}.hidden)
#{{compositeField_whereCondition_{0}}}.show();
#{{container_search_{0}}}.items.each(function (b) {{ if (b.xtype == 'container') b.hide(); }});
var type = this.value.split('_')[1];
if(type == 'int' || type == 'float') {{
var isFloat = type == 'float';
Ax.DisableDecimals(#{{numberfield_start_numeric_{0}}}, isFloat);
Ax.DisableDecimals(#{{numberfield_end_numeric_{0}}}, isFloat);
type = 'numeric';
}}
Ext.getCmp('container_' + type + '_{0}').show();", gridID);
if (isParentPanel)
selectboxColumns.Listeners.Select.Handler += string.Format("if(type == 'numeric') {{ #{{numberfield_start_numeric_{0}}}.reset(); }}", gridID);
selectboxColumns.SelectedIndex = grid.SelectedFilterColumnIndex;
searchPanel.Items.Add(selectboxColumns);
#endregion
#region First Column Type
string firstColumnType = selectboxColumns.Items.Count > 0 ? selectboxColumns.Items[selectboxColumns.SelectedIndex].Value.Split('_')[1] : string.Empty;
bool hasFirstColumn = firstColumnType != string.Empty;
#endregion
#region Container String
Ext.Net.Container container_string = new Ext.Net.Container()
{
ID = string.Format("container_string_{0}", gridID),
StyleSpec = "left:165px;"
};
if (!(hasFirstColumn && firstColumnType == "string"))
{
container_string.Listeners.AfterRender.Handler = "item.el.setStyle('margin-left', Ext.isIE ? '14px' : '6px'); item.hide();";
}
else
{
container_string.StyleSpec += "margin-left:6px;";
container_string.Listeners.AfterRender.Handler = "item.show();";
}
container_string.Listeners.BeforeShow.Handler = string.Format("#{{selectbox_string_filterCondition_{0}}}.selectFirst();", gridID);
container_string.Listeners.BeforeShow.Delay = 100;
container_string.Listeners.Hide.Handler = string.Format("#{{selectbox_string_filterCondition_{0}}}.reset(); #{{textField_string_{0}}}.reset();", gridID);
CompositeField compositeField_string = new CompositeField() {
ID = string.Format("compositeField_string_{0}", gridID),
Width = 500
};
if (hasFirstColumn && firstColumnType == "string")
{
compositeField_string.Listeners.AfterRender.Handler = "item.el.first().setStyle('height', '23px');";
compositeField_string.Listeners.AfterRender.Delay = 150;
}
Ext.Net.SelectBox selectBox_string = new Ext.Net.SelectBox()
{
ID = string.Format("selectbox_string_filterCondition_{0}", gridID),
AllowBlank = false,
Width = 107
};
selectBox_string.Items.AddRange(new List<Ext.Net.ListItem>() {
new Ext.Net.ListItem() { Text = "Starts With", Value="StartsWith" },
new Ext.Net.ListItem() { Text = "Ends With", Value="EndsWith" },
new Ext.Net.ListItem() { Text = "Contains", Value="Contains" },
new Ext.Net.ListItem() { Text = "Equals", Value="Equals" },
new Ext.Net.ListItem() { Text = "Not Equal", Value="NotEqual" }
});
selectBox_string.SelectedIndex = 0;
Ext.Net.TextField textfield_string = new Ext.Net.TextField()
{
ID = string.Format("textField_string_{0}", gridID),
StyleSpec = "margin-left:8px;",
AllowBlank = false,
MinLength = 1,
EmptyText = "Type a filter"
};
compositeField_string.Items.Add(selectBox_string);
compositeField_string.Items.Add(textfield_string);
container_string.Items.Add(compositeField_string);
searchPanel.Items.Add(container_string);
#endregion
#region Container DateTime
Ext.Net.Container container_date = new Ext.Net.Container() {
ID = string.Format("container_date_{0}", gridID),
StyleSpec = "left:165px;"
};
if (!(hasFirstColumn && firstColumnType == "date"))
{
container_date.Listeners.AfterRender.Handler = "item.el.setStyle('margin-left', Ext.isIE ? '14px' : '6px'); item.hide();";
}
else
{
container_date.StyleSpec += "margin-left:6px;";
container_date.Listeners.AfterRender.Handler = "item.show();";
}
container_date.Listeners.BeforeShow.Handler = string.Format("#{{selectbox_date_filterCondition_{0}}}.selectFirst();", gridID);
container_date.Listeners.BeforeShow.Delay = 100;
container_date.Listeners.Hide.Handler = string.Format(@"#{{selectbox_date_filterCondition_{0}}}.reset();
#{{datefield_start_filterCondition_{0}}}.reset();
#{{datefield_start_filterCondition_{0}}}.setMaxValue(null);
#{{datefield_end_filterCondition_{0}}}.reset();
#{{datefield_end_filterCondition_{0}}}.allowBlank = true;
#{{panel_between_date_{0}}}.hide();", gridID);
CompositeField compositeField_date = new CompositeField() {
ID = string.Format("compositeField_date_{0}", gridID),
Width = 500
};
if (hasFirstColumn && firstColumnType == "date")
{
compositeField_date.Listeners.AfterRender.Handler = "item.el.first().setStyle('height', '23px');";
compositeField_date.Listeners.AfterRender.Delay = 200;
}
Ext.Net.SelectBox selectBox_date = new Ext.Net.SelectBox() {
ID = string.Format("selectbox_date_filterCondition_{0}", gridID),
AllowBlank = false,
Width=107
};
selectBox_date.Items.AddRange(new List<Ext.Net.ListItem>() {
new Ext.Net.ListItem() { Text = "Equals", Value = "Equals" },
new Ext.Net.ListItem() { Text = "Not Equal", Value="NotEqual" },
new Ext.Net.ListItem() { Text = "Greater Than", Value = "Greater" },
new Ext.Net.ListItem() { Text = "Less Than", Value = "Less" },
new Ext.Net.ListItem() { Text = "Between", Value = "Between" }
});
selectBox_date.SelectedIndex = 0;
selectBox_date.Listeners.Select.Handler = string.Format(@"var selectedValue = this.getValue();
var isBetween = selectedValue == 'Between';
panel_between_date_{0}[isBetween ? 'show' : 'hide']();
#{{datefield_end_filterCondition_{0}}}.allowBlank = !isBetween;
if(isBetween)
#{{datefield_end_filterCondition_{0}}}.reset();
else
#{{datefield_start_filterCondition_{0}}}.setMaxValue(null);", gridID);
DateField dateField_start = new DateField() {
ID = string.Format("datefield_start_filterCondition_{0}", gridID),
EndDateField = string.Format("datefield_end_filterCondition_{0}", gridID),
AllowBlank = false,
EmptyText = "Select a start date",
Width = 128,
StyleSpec = "margin-left:8px;"
};
Ext.Net.Panel panel_between_date = new Ext.Net.Panel() {
ID = string.Format("panel_between_date_{0}", gridID),
Border = false,
Hidden = true,
StyleSpec = "padding-left:13px;"
};
CompositeField compositeField_between_date = new CompositeField() {
ID = string.Format("compositeField_between_date_{0}", gridID),
Width = 200,
};
Ext.Net.DisplayField displayField_date_and = new Ext.Net.DisplayField() {
ID = string.Format("displayfield_date_and_{0}", gridID),
Text = "and",
StyleSpec = "margin-top:4px;"
};
DateField dateField_end = new DateField() {
ID = string.Format("datefield_end_filterCondition_{0}", gridID),
StartDateField = string.Format("datefield_start_filterCondition_{0}", gridID),
EmptyText = "Select a end date",
Width = 128,
StyleSpec = "margin-left:6px;"
};
compositeField_between_date.Items.Add(displayField_date_and);
compositeField_between_date.Items.Add(dateField_end);
panel_between_date.Items.Add(compositeField_between_date);
compositeField_date.Items.Add(selectBox_date);
compositeField_date.Items.Add(dateField_start);
compositeField_date.Items.Add(panel_between_date);
container_date.Items.Add(compositeField_date);
searchPanel.Items.Add(container_date);
#endregion
#region Container Numeric
Ext.Net.Container container_numeric = new Ext.Net.Container() {
ID = string.Format("container_numeric_{0}", gridID),
StyleSpec = "left:165px;"
};
if (!(hasFirstColumn && (firstColumnType == "float" || firstColumnType == "int")))
{
container_numeric.Listeners.AfterRender.Handler = "item.el.setStyle('margin-left', Ext.isIE ? '14px' : '6px'); item.hide();";
}
else
{
container_numeric.StyleSpec += "margin-left:6px;";
container_numeric.Listeners.AfterRender.Handler = "item.show();";
}
container_numeric.Listeners.BeforeShow.Handler = string.Format("#{{selectbox_numeric_filterCondition_{0}}}.selectFirst();", gridID);
container_numeric.Listeners.BeforeShow.Delay = 100;
container_numeric.Listeners.Hide.Handler = string.Format(@"#{{selectbox_numeric_filterCondition_{0}}}.reset();
#{{numberfield_start_numeric_{0}}}.reset();
#{{numberfield_start_numeric_{0}}}.setMaxValue(null);
#{{numberfield_end_numeric_{0}}}.reset();
#{{numberfield_end_numeric_{0}}}.allowBlank = true;
#{{panel_between_numeric_{0}}}.hide();", gridID);
CompositeField compositeField_numeric = new CompositeField() {
ID = string.Format("compositeField_numeric_{0}", gridID),
Width = 500
};
if (hasFirstColumn && (firstColumnType == "float" || firstColumnType == "int"))
{
compositeField_numeric.Listeners.AfterRender.Handler = "item.el.first().setStyle('height', '23px');";
compositeField_numeric.Listeners.AfterRender.Delay = 150;
}
Ext.Net.SelectBox selectBox_numeric = new Ext.Net.SelectBox() {
ID = string.Format("selectbox_numeric_filterCondition_{0}", gridID),
AllowBlank = false,
Width = 107
};
selectBox_numeric.Items.AddRange(new List<Ext.Net.ListItem>() {
new Ext.Net.ListItem() { Text = "Equals", Value = "Equals" },
new Ext.Net.ListItem() { Text = "Not Equal", Value="NotEqual" },
new Ext.Net.ListItem() { Text = "Greater Than", Value = "Greater" },
new Ext.Net.ListItem() { Text = "Less Than", Value = "Less" },
new Ext.Net.ListItem() { Text = "Between", Value = "Between" }
});
selectBox_numeric.SelectedIndex = 0;
selectBox_numeric.Listeners.Select.Handler = string.Format(@"var selectedValue = this.getValue();
var isBetween = selectedValue == 'Between';
panel_between_numeric_{0}[isBetween ? 'show' : 'hide']();
#{{numberfield_end_numeric_{0}}}.allowBlank = !isBetween;
if(isBetween)
#{{numberfield_end_numeric_{0}}}.reset();
else {{
#{{numberfield_start_numeric_{0}}}.setMaxValue(null);
if(#{{numberfield_start_numeric_{0}}}.getValue() != '') #{{numberfield_start_numeric_{0}}}.validate();
}}", gridID);
NumberField numberField_start = new NumberField() {
ID = string.Format("numberfield_start_numeric_{0}", gridID),
EndNumberField = string.Format("numberfield_end_numeric_{0}", gridID),
AllowBlank = false,
EmptyText = "Type a filter",
StyleSpec = "margin-left:8px;text-align:right;"
};
Ext.Net.Panel panel_between_numeric = new Ext.Net.Panel() {
ID = string.Format("panel_between_numeric_{0}", gridID),
Border = false,
Hidden = true,
StyleSpec = "padding-left: 13px;"
};
CompositeField compositeField_between_numeric = new CompositeField() {
ID = string.Format("compositeField_between_numeric_{0}", gridID),
Width = 200
};
Ext.Net.DisplayField displayField_numeric_and = new Ext.Net.DisplayField() {
ID = string.Format("displayfield_numeric_and_{0}", gridID),
Text = "and",
StyleSpec = "margin-top:4px;"
};
NumberField numberField_end = new NumberField() {
ID = string.Format("numberfield_end_numeric_{0}", gridID),
StartNumberField = string.Format("numberfield_start_numeric_{0}", gridID),
EmptyText = "Type a filter",
StyleSpec = "margin-left:6px;text-align:right;"
};
compositeField_between_numeric.Items.Add(displayField_numeric_and);
compositeField_between_numeric.Items.Add(numberField_end);
panel_between_numeric.Items.Add(compositeField_between_numeric);
compositeField_numeric.Items.Add(selectBox_numeric);
compositeField_numeric.Items.Add(numberField_start);
compositeField_numeric.Items.Add(panel_between_numeric);
container_numeric.Items.Add(compositeField_numeric);
searchPanel.Items.Add(container_numeric);
#endregion
#region Container Bool
Ext.Net.Container container_bool = new Ext.Net.Container() {
ID = string.Format("container_bool_{0}", gridID),
StyleSpec = "left:165px;"
};
if (!(hasFirstColumn && firstColumnType == "bool"))
{
container_bool.Listeners.AfterRender.Handler = "item.el.setStyle('margin-left', Ext.isIE ? '14px' : '6px'); item.hide();";
}
else
{
container_bool.StyleSpec += "margin-left:6px;";
container_bool.Listeners.AfterRender.Handler = "item.show();";
}
container_bool.Listeners.BeforeShow.Handler = string.Format("#{{selectbox_bool_filterCondition_{0}}}.selectFirst();", gridID);
container_bool.Listeners.BeforeShow.Delay = 100;
container_bool.Listeners.Hide.Handler = string.Format("#{{selectbox_bool_filterCondition_{0}}}.reset();", gridID);
CompositeField compositeField_bool = new CompositeField() {
ID = string.Format("compositeField_bool_{0}", gridID),
Width = 500
};
if (hasFirstColumn && firstColumnType == "bool")
{
compositeField_bool.Listeners.AfterRender.Handler = "item.el.first().setStyle('height', '23px');";
compositeField_bool.Listeners.AfterRender.Delay = 150;
}
Ext.Net.SelectBox selectBox_bool = new Ext.Net.SelectBox() {
ID = string.Format("selectbox_bool_filterCondition_{0}", gridID),
AllowBlank = false,
Width=107
};
selectBox_bool.Items.AddRange(new List<Ext.Net.ListItem>() {
new Ext.Net.ListItem { Text = "True", Value = "true" },
new Ext.Net.ListItem { Text = "False", Value = "false" }
});
selectBox_bool.SelectedIndex = 0;
compositeField_bool.Items.Add(selectBox_bool);
container_bool.Items.Add(compositeField_bool);
searchPanel.Items.Add(container_bool);
#endregion
#endregion
#region CompositeField Where Condition
CompositeField compositeField_whereCondition = new CompositeField()
{
ID = string.Format("compositeField_whereCondition_{0}", gridID),
Hidden = !hasFirstColumn,
Width = 500,
StyleSpec = "padding-left:10px;"
};
Ext.Net.SelectBox selectBox_whereCondition = new Ext.Net.SelectBox() {
ID = string.Format("selectbox_whereCondition_{0}", gridID),
Width = 100,
AllowBlank = false
};
selectBox_whereCondition.Items.AddRange(new List<Ext.Net.ListItem>() {
new Ext.Net.ListItem() { Text = "And", Value = "And" },
new Ext.Net.ListItem() { Text = "Or", Value = "Or" }
});
selectBox_whereCondition.SelectedIndex = 0;
Ext.Net.Button button_search = new Ext.Net.Button() {
ID = string.Format("button_search_{0}", gridID),
Text = "Add Filter",
StyleSpec = "left:100px; margin-left:10px;"
};
button_search.Listeners.Click.Handler = string.Format(@"var type = #{{SearchBox_{0}}}.value.split('_')[1];
if(type == 'int' || type == 'float') {{ type = 'numeric'; }}
var cf = Ext.getCmp('compositeField_' + type + '_{0}');
if(!Ax.IsValidComponent(cf))
return;
var cp = #{{panel_SearchCondition_{0}}};
var filterItemLength = cp.items.length;
var filterId = Ax.UUID();
var selectWhere = #{{selectbox_whereCondition_{0}}};
var filterText = filterItemLength > 0 ? selectWhere.getRawValue() + ' ' : '';
filterText += #{{SearchBox_{0}}}.getRawValue();
filterText += ' ';
var filterItem = '';
if(type == 'string') {{
filterText += #{{selectbox_string_filterCondition_{0}}}.getRawValue();
filterText += ' ';
filterText += Ax.FormatFilterText(#{{textField_string_{0}}}.getValue());
filterItem += Ax.FilterItem(filterId,
#{{SearchBox_{0}}}.value.split('_')[0],
selectWhere.getValue(),
#{{selectbox_string_filterCondition_{0}}}.getValue(),
#{{textField_string_{0}}}.getValue(),
'');
}}
else if(type == 'date') {{
filterText += #{{selectbox_date_filterCondition_{0}}}.getRawValue();
filterText += ' ';
filterText += #{{datefield_start_filterCondition_{0}}}.getRawValue();
var isBetween = #{{selectbox_date_filterCondition_{0}}}.getValue() == 'Between';
if(isBetween) {{
filterText += ' and ';
filterText += #{{datefield_end_filterCondition_{0}}}.getRawValue();
}}
filterItem += Ax.FilterItem(filterId,
#{{SearchBox_{0}}}.value.split('_')[0],
selectWhere.getValue(),
#{{selectbox_date_filterCondition_{0}}}.getValue(),
#{{datefield_start_filterCondition_{0}}}.getRawValue(),
isBetween ? #{{datefield_end_filterCondition_{0}}}.getRawValue() : '');
}}
else if(type == 'numeric') {{
filterText += #{{selectbox_numeric_filterCondition_{0}}}.getRawValue();
filterText += ' ';
filterText += #{{numberfield_start_numeric_{0}}}.getRawValue();
var isBetween = #{{selectbox_numeric_filterCondition_{0}}}.getValue() == 'Between';
if(isBetween) {{
filterText += ' and ';
filterText += #{{numberfield_end_numeric_{0}}}.getRawValue();
}}
filterItem += Ax.FilterItem(filterId,
#{{SearchBox_{0}}}.value.split('_')[0],
selectWhere.getValue(),
#{{selectbox_numeric_filterCondition_{0}}}.getValue(),
#{{numberfield_start_numeric_{0}}}.getValue(),
isBetween ? #{{numberfield_end_numeric_{0}}}.getValue() : '');
}}
else if(type == 'bool') {{
filterText += 'Equals ';
filterText += #{{selectbox_bool_filterCondition_{0}}}.getRawValue();
filterItem += Ax.FilterItem(filterId,
#{{SearchBox_{0}}}.value.split('_')[0],
selectWhere.getValue(),
'Equals',
#{{selectbox_bool_filterCondition_{0}}}.getValue(),
'');
}}
var filterItems = #{{hidden_SearchCondition_{0}}}.value;
if(filterItems) filterItems += ',' + filterItem;
else filterItems = filterItem;
#{{hidden_SearchCondition_{0}}}.setValue(filterItems);
var pnlFilterItem = new Ext.Panel({{
id:'pnlFilterItem_' + filterId,
xtype:'panel',
border:true,
style:'float:left;' + (filterItemLength > 0 ? 'padding-left:10px;' : ''),
items:[
new Ext.form.Label({{
id:'label_' + filterId,
xtype:'label',
text:filterText,
style: 'font:11px/15px arial, tahoma, helvetica, sans-serif; background-color : #F4F4F4; padding-left:10px; padding-top:8px; padding-bottom:8px;'
}}),
new Ext.net.Image({{
id:'deleteIcon_' + filterId,
listeners:
{{
click:{{
fn:function(item,e){{
var obj = Ext.getCmp('pnlFilterItem_' + filterId);
var isFirstItem = cp.items.indexOf(obj) == 0;
cp.items.remove(obj);
obj.destroy();
if(isFirstItem && cp.items.length > 0) {{
var pnlFltr = cp.items.first();
pnlFltr.el.dom.style.paddingLeft = '';
var lblFilter = pnlFltr.items.first();
lblFilter.setText(lblFilter.text.substring(lblFilter.text.indexOf(' ') + 1));
}}
cp.doLayout(true, true);
var filterObjs = eval('[' + #{{hidden_SearchCondition_{0}}}.value + ']');
var newFilterObj = '';
var filterObj;
var isFirst = true;
for(var i = 0; i < filterObjs.length; i++) {{
filterObj = filterObjs[i];
if(filterObj.Id == filterId)
continue;
newFilterObj += ((isFirst ? '' : ',') + Ax.FilterObj(filterObj));
if(isFirst) isFirst = false;
}}
#{{hidden_SearchCondition_{0}}}.setValue(newFilterObj);
#{{{0}}}.getPagingToolbar().changePage(1);
}},
delay:20
}}
}},
imageUrl:'/Content/icon-cross.png',
style: 'cursor:pointer; vertical-align:middle; padding-left: 5px; background-color : #F4F4F4; padding-right:8px; padding-top:6px; padding-bottom:6px;'
}})
]
}});
cp.items.add(pnlFilterItem);
cp.doLayout(true, true);
if(!Ext.isIE) {{ pnlFilterItem.el.dom.parentNode.style['height'] = '30px'; }}
#{{{0}}}.getPagingToolbar().changePage(1);", gridID);
compositeField_whereCondition.Items.Add(selectBox_whereCondition);
compositeField_whereCondition.Items.Add(button_search);
#endregion
Ext.Net.Panel panel_SearchCondition = new Ext.Net.Panel()
{
ID = string.Format("panel_SearchCondition_{0}", gridID),
Layout = "hbox",
Border = false,
StyleSpec = "padding:10px;"
};
Ext.Net.Label label_CrossIcon = new Ext.Net.Label()
{
ID = string.Format("label_loadCrossIcon_{0}", gridID),
Icon = Ext.Net.Icon.Cross,
Hidden = true
};
Ext.Net.Hidden hidden_SearchCondition = new Ext.Net.Hidden()
{
ID = string.Format("hidden_SearchCondition_{0}", gridID)
};
mainPanel.Items.Add(searchPanel);
mainPanel.Items.Add(compositeField_whereCondition);
mainPanel.Items.Add(panel_SearchCondition);
mainPanel.Items.Add(label_CrossIcon);
mainPanel.Items.Add(hidden_SearchCondition);
Ext.Net.KeyBinding searchKey = new Ext.Net.KeyBinding();
searchKey.StopEvent = true;
searchKey.Keys.Add(new Ext.Net.Key { Code = Ext.Net.KeyCode.ENTER });
searchKey.Listeners.Event.Handler = string.Format("if(#{{SearchBox_{0}}}.getValue().length > 0) {{ var btnAddFilter = #{{button_search_{0}}}; btnAddFilter.fireEvent('click', btnAddFilter); }}", gridID);
mainPanel.KeyMap.Add(searchKey);
#endregion
Ext.Net.BorderLayout borderLayout = new Ext.Net.BorderLayout()
{
ID = string.Format("borderLayout_search_{0}", gridID)
};
borderLayout.North.Items.Add(mainPanel);
borderLayout.Center.Items.Add(grid);
return borderLayout;
}
protected void AddSearchPanel(Ext.Net.Window parent, string caption, Guid identifier, TypeEnum type)
{
List<SearchExpression> searchList = this.SearchConditions;
/* строка поиска */
Ext.Net.Toolbar searchBar = new Ext.Net.Toolbar();
searchBar.CtCls = "searchBar";
searchBar.Layout = "hbox";
/* text label */
Ext.Net.Label searchLabel = new Ext.Net.Label(caption);
searchLabel.Margins = "4 2 2 2";
searchLabel.Flex = 1;
searchBar.Add(searchLabel);
/* combo box */
Ext.Net.ComboBox searchCombo = new Ext.Net.ComboBox();
searchCombo.CtCls = "condition";
searchCombo.Editable = false;
searchCombo.Items.Add(new Ext.Net.ListItem("~"));
if (type == TypeEnum.Integer || type == TypeEnum.Decimal)
{
searchCombo.Items.Add(new Ext.Net.ListItem(">"));
searchCombo.Items.Add(new Ext.Net.ListItem("<"));
searchCombo.Items.Add(new Ext.Net.ListItem("!~"));
}
searchCombo.SelectedIndex = 0;
searchCombo.HiddenName = "";
searchCombo.Margins = "2 5 0 5";
searchCombo.Width = 80;
searchCombo.SubmitValue = false;
searchBar.Add(searchCombo);
/* editor field */
Ext.Net.TextField searchField = new Ext.Net.TextField();
searchField.CtCls = "value";
searchField.Flex = 1;
searchField.Margins = "2 2 0 0";
searchField.SubmitValue = false;
if (type == TypeEnum.Integer)
{
searchField.Regex = @"^\d+$";
searchField.RegexText = "Введите целое число";
}
if (type == TypeEnum.Decimal)
{
searchField.Regex = @"^\d+(,\d+)?$";
searchField.RegexText = "Введи вещественное число с запятой";
}
if (type == TypeEnum.Boolean)
{
searchField.Regex = @"^0|1$";
searchField.RegexText = "Введи либо 0 (да) либо 1 (нет)";
}
searchBar.Add(searchField);
/* hidden value */
Ext.Net.Hidden searchIdent = new Ext.Net.Hidden();
searchIdent.CtCls = "identifier";
searchIdent.Value = identifier.ToString();
searchIdent.HideLabel = true;
searchIdent.SubmitValue = false;
searchBar.Add(searchIdent);
parent.Items.Add(searchBar);
/* Restore previous state */
try
{
SearchExpression searchExpr = searchList.First(p => p.FieldID == identifier);
searchField.Value = searchExpr.FieldValue;
searchCombo.Value = searchExpr.FieldCond.toString();
}
catch {}
}