'
},
matchedCompanyGrid,
{
html: '
*To select company click any record from above list
'
}, {
xtype: 'box',
autoEl: {
tag: 'h2',
style: 'padding:5px 3px',
cn: 'What do you want to do?'
}
}, {
xtype: 'box',
autoEl: {
tag: 'div',
id: 'company-field-options',
children: [{
tag: 'ul',
children: [{
tag: 'li',
children: [{
tag: 'a',
id: this.id + '_link-option1',
cn: 'Want to change what I typed'
}]
}, {
tag: 'li',
children: [{
tag: 'a',
id: this.id + '_link-option2',
cn: 'Save the company with the data what I typed'
}]
}, {
tag: 'li',
children: [{
tag: 'a',
id: this.id + '_link-option3',
cn: 'Want to close this window?'
}]
}]
}]
}
}
],
listeners: {
close: {
scope: this,
fn: function () {
this.setComboDefaultValue();
this.closeDialog(this.companyListWindow);
}
}
}
});
this.companyListWindow.ownerCt = this;
if (this.companyListWindow.show())
{
this.bindLinkOption();
}
}, //eo function showMatchedCompanyList
//}}}
//{{{
/**
* private
* This is to open cancel dialog
*/
cancelSaveCompany: function (inputText) {
//Cancel option panel
this.cancelOptionPanel = new Ext.Panel({
frame: true,
border: true,
plain: true,
region: 'center',
items: [{
xtype: 'box',
autoEl: {
tag: 'h2',
cn: 'What do you want to do?'
}
}, {
xtype: 'box',
autoEl: {
tag: 'div',
id: 'company-field-options',
children: [{
tag: 'ul',
children: [{
tag: 'li',
children: [{
tag: 'a',
id: this.id + '_link-option1',
cn: 'Change what I typed'
}]
}, {
tag: 'li',
children: [{
tag: 'a',
id: this.id + '_link-option2',
cn: 'Try finding my Company by website URL'
}]
}, {
tag: 'li',
children: [{
tag: 'a',
id: this.id + '_link-option3',
cn: 'Add ' + inputText + ' as a new company'
}]
}]
}]
}
}]
});
// Cancel Dialog
this.cancelDialog = new Ext.Window({
title: 'Options for You',
closable: true,
width: 300,
height: 150,
border: false,
plain: true,
layout: 'border',
modal: true,
items: [this.cancelOptionPanel],
listeners: {
close: {
scope: this,
fn: function () {
this.setComboDefaultValue();
this.closeDialog(this.cancelDialog);
}
}
}
});
if (this.cancelDialog.show(this))
{
this.bindLinkOption(inputText);
}
},// eo function cancelSaveCompany
//}}}
// {{{
/**
* private
* This is bind the click event fucntions with the cancel link options
*/
bindLinkOption: function (inputText) {
if (inputText !== undefined)
{
Ext.get(this.id + '_link-option1').on(
'click',
function () {
//this.addCompanyDialog.show();
this.closeDialog(this.cancelDialog);
},
this
);
Ext.get(this.id + '_link-option2').on(
'click',
function () {
this.openSearchByUrlDialog();
},
this
);
Ext.get(this.id + '_link-option3').on(
'click',
function () {
this.addCompanyDialog.show();
this.closeDialog(this.cancelDialog);
},
this
);
}
else
{
Ext.get(this.id + '_link-option1').on(
'click',
function () {
this.addCompanyDialog.show();
this.closeDialog(this.companyListWindow);
},
this
);
Ext.get(this.id + '_link-option2').on(
'click',
function () {
this.saveCompany('yes');
this.closeDialog(this.companyListWindow);
},
this
);
Ext.get(this.id + '_link-option3').on(
'click',
function () {
this.closeDialog(this.companyListWindow);
},
this
);
}
},// eo function bindLinkOption
//}}}
// {{{
/**
* private
* function to open the search company dialog
*/
openSearchByUrlDialog: function () {
var searchToolBar, searchTextBox;
// don't create the window more than once
if (this.searchByUrlWindow !== undefined)
{
this.searchByUrlWindow.show();
return;
}
this.companyGridData = [];
this.companyGridStore = new Ext.data.Store({
ownerCt: this,
data: this.companyGridData,
reader: new Ext.data.ArrayReader({id: 'id'}, ['id', 'name', 'location', 'website', 'description'])
});
this.companyGrid = new Ext.grid.GridPanel({
region: 'center',
autoScroll: true,
frame: true,
//width: 350,
store: this.companyGridStore,
columns: [{header: "Name", dataIndex: 'name', width: 180, sortable: true},
{header: "Website", dataIndex: 'website', width: 223, sortable: true}
],
listeners: {
cellclick: {scope: this, fn: this.updateCompany}
}
});
searchTextBox = new Ext.form.TextField({
xtype: 'textfield',
id: this.id + "_search-text1",
name: this.id + "_search-text1",
width: this.searchFieldWidth,
regex: /^(((http)|(https)):\/\/)?(((\w)|\-)+\.)+([\w\/])*(\.){0,1}\w{2,9}$/i,
regexText: 'This is not a valid url!',
allowBlank: false,
autoCreate: {tag: "input", maxLength: this.searchFieldMaxLength}
});
searchToolBar = new Ext.Toolbar({
items: [
new Ext.form.Label({
text: this.searchForText
}),
searchTextBox,
{
xtype: 'tbspacer'
},
new Ext.Button({
id: this.id + '_search-button1',
name: this.id + '_search-button1',
text: this.searchButtonText,
listeners: {
click: {
scope: this,
fn: function () {
if (searchTextBox.isValid())
{
this.searchCompanyByUrl(searchTextBox.getValue());
}
else
{
Ext.Msg.alert("Invalid Url", "This is not a valid url!");
}
}
}
}
}),
{
xtype: 'tbspacer'
},
new Ext.Button({
id: this.id + '_cancel-button1',
name: this.id + '_cancel-button1',
text: this.cancelButtonText,
listeners: {
click: {
scope: this,
fn: function () {
this.closeDialog(this.searchByUrlWindow);
this.cancelDialog.show();
}
}
}
})
]
});
this.searchByUrlWindow = new Ext.Window({
title: this.companyGridWindowTitle + '- Search By Websites',
closable: true,
//closeAction: 'hide',
width: 430,
height: 400,
border: false,
plain: true,
layout: 'border',
modal: true,
tbar: searchToolBar,
items: [this.companyGrid],
listeners: {
close: {
scope: this,
fn: function () {
this.closeDialog(this.searchByUrlWindow);
if (this.cancelDialog !== undefined)
{
this.cancelDialog.show();
}
}
}
}
});
this.searchByUrlWindow.show(this);
},
//}}}
// {{{
/**
* private
* function to search company
*/
searchCompanyByUrl: function (searchText) {
this.enableBodyMask();
this.companyGridStore.removeAll();
this.ajaxRequest({
url: this.http + this.serverName + '/' + this.applicationName + '/' + this.handlerName + '/' + this.searchCompanyServiceByURLMethod +'?' + this.searchCompanyParam + '=' + escape(searchText),
success: function (result, request) {
request.ownerCt.companyString = result.responseText;
if (request.ownerCt.companyString !== '[]' && request.ownerCt.companyString !== '')
{
request.ownerCt.populateCompanyGrid();
request.ownerCt.disableBodyMask();
}
else
{
Ext.Msg.alert("No Match!", "No records were found that match " + "
[" + searchText + "].");
request.ownerCt.disableBodyMask();
}
},
failure: function (result, request) {
Ext.Msg.alert("Error", "No Record Found");
request.ownerCt.disableBodyMask();
}
});
},
//}}}
//{{{
/**
* private
* function to populate company data to the company grid
*/
populateCompanyGrid: function () {
this.processCompanyGridData(); // To process the company data fetched via web service
this.companyGridStore.removeAll();
this.companyGridStore.loadData(this.companyGridData); // To load te company grid store with fetched data
this.companyGrid.show();
},
//}}}
//{{{
/**
* private
* function to process company data in array format
*/
processCompanyGridData: function () {
//local variables
var tempArray, ccount, row;
this.companyGridData = [];
tempArray = [];
tempArray = this.jsonDecoder(this.companyString);
for (ccount = 0; ccount < tempArray.length; ccount = ccount + 1) {
row = Ext.util.JSON.decode(tempArray[ccount]);
this.companyGridData[ccount] = [row.ClientId, row.ClientName, row.ClientLocation, row.ClientWebsite, row.ClientDescription];
}
}, //eo function processCompanyGridData
//}}}
// {{{
/**
* private
* function to validate the component
*/
isValid: function () {
var isValid = true;
if (!this.allowBlank)
{
if (this.companyField.isValid())
{
if (this.companyField.getValue() === '')
{
this.companyField.markInvalid();
isValid = false;
}
else
{
isValid = true;
}
}
else
{
isValid = false;
}
}
return isValid;
}//eo function isValid
//}}}
});
// register xtype
Ext.reg('xcompany', Ext.ux.form.CompanyField);