Forum /
Sencha Touch 2.x Forums /
Sencha Touch 2.x: Discussion /
values not refreshing - Sencha 2.1
values not refreshing - Sencha 2.1
Value are not refreshing in the Sencha 2.1 control. We are creating employee details page once created we showin list page, from list page clikc on the seleted employe it will show the employee details page. it is working fine in the first time when select other employee in the list page it will show only first employee data only, data will not refresh and will not display the second time onwards.
{
xtype : 'textfield',
id : 'ftrEmployeeName',
name : 'ftrEmployeeName', cls : 'txtfld',
margin : '0% 0% 0% 12%',
style : {
marginTop:'50px',
border:'solid 1.5px #DFDFDF',
height:35,
},
Sencha Premium Member
Do you have more code to post? We'll need more information and code to help you out.
Brice
We are using model , store , view and controller. When open from edit mode the data is not reflect in the page. We are using iOS Web UI controller to display the Sencha UI.
Ext.define('AspireLite.view.fieldtravelreport.NewFTRAssessmentStart',{
extend : 'Ext.Panel',
xtype : 'fieldtravelreportstart',
alias : 'widget.NewFTRAssessmentStart',
id : 'ftrStart',
requires : [
'AspireLite.view.fieldtravelreport.SalesPerformanceDataView',
'AspireLite.view.fieldtravelreport.ActionItemsDataView',
'AspireLite.view.fieldtravelreport.PerformanceAnalysisView',
'Ext.Panel' ],
config : {
layout : 'vbox',
scrollable : {
direction : 'vertical',
directionLock : true
},
style : 'background:url(resources/images/homepage/bg.png)',
defaultexpanded : false,
items : [
{
xtype : 'panel',
width : '100%',
html : '<div style="background-image:url(resources/images/homepage/homepage_menu_bg.png) !important; background-repeat:repeat-x; padding:0 !important; margin:0 0 0 0!important; outline:0 !important; background-origin:border-box !important; height:76px;">'
+ '<div class="homepagemenu" id="homepagemenu" ><div style="float:left; margin:1.5% 0% 0 0%;"><img src="resources/images/homepage/home_menu_icon.png" /></div>'
+ '<div style="float:left;color:rgb(236,241,245); margin:1.5% 0% 0 1%;"><b>Home</b></div></div>'
+ '<div style="float:left; margin:1% 0% 0 2%;"><img src="resources/images/homepage/homepage_menu_seperator.png" /></div>'
+ '<div id="reportmenu" class="reportmenu" ><div style="float:left; margin:1.5% 0% 0 2%;"><img src="resources/images/homepage/reports_menu_icon.png" /></div>'
+ '<div style="float:left;color:rgb(236,241,245); margin:1.5% 0% 0 1%;"><b>Reports</b></div></div>'
+ '<div style="float:left;color:rgb(236,241,245); margin:-3% 0% 0 62%;font-size: 96%;width:100%;"><B>Time of last sync : '
+ timeOfLastSync
+ '</B></div>'
+ '<div id="sync" class="sync" style="float:left;color:blue; margin:-4.3% 0% 0 93%;"><img src="resources/images/dashboard/Sync.png" /></div>',
margin : '0 0 0 0',
listeners : [
{
element : 'element',
delegate : 'div.homepagemenu',
event : 'tap',
fn : function() {
Ext.dispatch({
controller : 'Homecontroller',
action : 'homePageMenuForRMAndSD'
});
}
},
{
element : 'element',
delegate : 'div.reportmenu',
event : 'tap',
fn : function() {
Ext.dispatch({
controller : 'Homecontroller',
action : 'reportMainView'
});
}
},
{
element: 'element',
delegate: 'div.sync',
event: 'tap',
fn: function() {
pushNotificationToIOS("ftrsync","sync",'');
}
}]
},
{
xtype : 'component',
margin : '-40px 0px 0px -122%',
height : '4%',
html : '<div id="breadcrumtext" class="breadcrumtext" style="float:left;font-size:12px;color:rgb(236,241,245); margin:1% 0% 0 70%;"><div id="homeBreadcrumb" class="homeBreadcrumb">Home ></div><div id="ftrbreadcrump"> FTR Assessment  > Start</div></div>'
//+ '<div id="competencydefinition" class="competencydefinition" style="float:left;color:rgb(236,241,245);margin:0% 0% 0 87%;"><img src="resources/images/ftrassessment/Checkforcompitency.png"/><p style="margin:-12% 0% 0% 17%;font-size:14px;width:100%;" >Click here for Competency Definitions</p></div>'
+ '<div id="competencydefinition" class="competencydefinition" style="float:left;color:rgb(236,241,245);margin:0% 0% 0 89%;"><img src="resources/images/ftrassessment/Btn1.png"/><p style="margin:-12% 0% 0% 5.5%;font-size:12px;width:100%;color:black;font-weight:bold;" >Click here for Competency Definitions</p></div>'
+ '<div style="float:left; margin:0% 0% 0 55%;"><img src="resources/images/ftrassessment/BlueTab.png" /></div>'
+ '<div style="float:left; margin:-2.65% 0% 0 57%;"><img src="resources/images/ftrassessment/PreviousButton.png" /></div>'
+ '<div style="float:left; margin:-3.3% 0% 0 58.5%;"><img src="resources/images/ftrassessment/Line.png" /></div>'
+ '<div style="float:left; margin:-3.3% 0% 0 67%;"><img src="resources/images/ftrassessment/yellow_button_one.png" /></div>'
+ '<div id="sales" class="sales" style="float:left; margin:-3.3% 0% 0 77%;width:100px;height:70px;"><img src="resources/images/ftrassessment/grey_button_two.png" /></div>'
+ '<div id="summary" class="summary" style="float:left; margin:-3.3% 0% 0 87%;width:100px;height:70px;"><img src="resources/images/ftrassessment/grey_button_three.png" /></div>'
+ '<div style="float:left; margin:-2.65% 0% 0 97.4%;"><img src="resources/images/ftrassessment/NextButton.png" /></div>'
+ '<div style="float:left;font-size:12px;color:rgb(236,241,245); margin:-1.6% 0% 0% 67.2%;"><b>Start</b></div>'
+ '<div style="float:left;font-size:12px;color:rgb(236,241,245); margin:-1.6% 0% 0% 75.3%;"><b>Sales Competency</b></div>'
+ '<div style="float:left;font-size:12px;color:rgb(236,241,245); margin:-1.6% 0% 0% 86.4%;"><b>Summary</b></div>',
listeners : [
{
element : 'element',
delegate : 'div.sales',
event : 'tap',
fn : function() {
Ext.dispatch({
controller : 'fieldtravelreport.NewFTRAssessmentController',
action : 'salesCompetency'
});
}
},
{
element : 'element',
delegate : 'div.homeBreadcrumb',
event : 'tap',
fn : function() {
//Ext.getCmp('carouselId').destroy();
Ext.dispatch({
controller : 'Homecontroller',
action : 'homePageMenuForRMAndSD'
});
}
},
{
element : 'element',
delegate : 'div.summary',
event : 'tap',
fn : function() {
Ext.dispatch({
controller : 'fieldtravelreport.NewFTRAssessmentController',
action : 'summary'
});
}
},
{
element : 'element',
delegate : 'div.competencydefinition',
event : 'tap',
fn : function() {
competencyDefinitionPopup.show();
document.getElementById('CommonCompetencyNotification').innerHTML = competencyCommon;
document.getElementById('AccountBasedNotification').innerHTML = competencyAccount;
}
}, ]
},
// PANEL FOR EXPAND-COLLAPSE TAB ONE(Employee Details)
{
xtype : 'panel',
margin : '-2% 0% 0% 1%',
height : '45px',
html : '<div style="float:left; margin:0% 0% 0% 0%;height:100px;width:80px;"><img src="resources/images/ftrassessment/GreenTab.png" /></div>'
+ '<div style="float:left;font-size:16px;color:rgb(0,0,0); align:center;margin:1% 0% 0% -7%;"><b>Employee Details</b></div>'
+ '<div id="employeeDetailsExpandIcon" class="employeeDetailsExpandIcon" style="float:left; margin:-9% 0% 0% 94%;width:200px;height:50px;"><img src="resources/images/ftrassessment/ExpandIcon.png" /></div>',
listeners : [ {
element : 'element',
delegate : 'div.employeeDetailsExpandIcon',
event : 'tap',
fn : function() {
Ext.dispatch({
controller : 'fieldtravelreport.NewFTRAssessmentController',
action : 'showHideEmpDetails'
});
}
} ]
},
{
xtype : 'formpanel',
width : '98%',
id : 'employeeDetailsTabFTR',
style : 'background-color:rgb(234,234,234);',
margin : '-.5% 0% 0% 1%',
height : '140px',
items : [
{
xtype : 'container',
margin : '-4px 0px 0px 35px',
//style:'border olid 2px blue;',
layout : {
type : 'hbox',
align : 'left',
width : '100%'
},
items : [
{
xtype : 'component',
html : '<div style="float:left;color:black;font-size:12px;margin:5.5% 0% 0% -1%;position:absolute;"><b>Employee Name*</b></div>'
},
{
xtype : 'textfield',
id : 'ftrEmployeeName',
name : 'ftrEmployeeName',
cls : 'txtfld',
margin : '0% 0% 0% 12%',
style : {
marginTop:'50px',
border:'solid 1.5px #DFDFDF',
height:35,
},
width : '18%',
minHeight : 35,
height : 35,
listeners : {
clearicontap : function(txt, evt) {
Ext.getCmp('ftrterritoryid').reset();
Ext.getCmp('ftrterritoryid').setReadOnly(false);
Ext.getCmp('immediateMgrFTR').reset();
Ext.getCmp('ftrlastdate').reset();
Ext.getCmp('ftremployeerole').reset();
Ext.getCmp('YTDtxtbox').reset();
Ext.getCmp('MonthEndingtxtbox').reset();
Ext.getCmp('Performancebox').reset();
Ext.getStore('FTRAssessmentSalesPerformanceStore').removeAll();
Ext.getStore('FTRAssessmentActionItemsStore').removeAll();
}
}
},
{
xtype : 'component',
html : '<div style="float:left;color:black;font-size:12px;margin:5.5% 0% 0% 4%;position:absolute;"><b>Territory*</b></div>'
},
{
xtype : 'textfield',
id : 'ftrterritoryid',
name : 'ftrterritoryid',
cls : 'txtfld',
margin : '0% 0% 0% 15%',
style : {
marginTop:'50px',
border:'solid 1.5px #DFDFDF',
height:35,
},
width : '18%',
minHeight : 35,
height : 35,
listeners : {
clearicontap : function(txt, evt) {
Ext.getCmp('ftrEmployeeName').reset();
Ext.getCmp('ftrEmployeeName').setReadOnly(false);
Ext.getCmp('immediateMgrFTR').reset();
Ext.getCmp('ftrlastdate').reset();
Ext.getCmp('ftremployeerole').reset();
Ext.getCmp('YTDtxtbox').reset();
Ext.getCmp('MonthEndingtxtbox').reset();
Ext.getCmp('Performancebox').reset();
Ext.getStore('FTRAssessmentSalesPerformanceStore').removeAll();
Ext.getStore('FTRAssessmentActionItemsStore').removeAll();
}
}
},
{
xtype : 'component',
html : '<div style="float:left;color:black;font-size:12px;margin:0% 0% 0% 7%;position:absolute;"><b>Immediate <div>Manager</div></b></div>'
},
{
xtype : 'textfield',
id : 'immediateMgrFTR',
name : 'immediateMgrFTR',
cls : 'txtfld',
readOnly : true,
margin : '0% 0% 0% 17%',
style : {
marginTop:'50px',
border:'solid 1.5px #DFDFDF',
height:35,
},
width : '18%',
minHeight : 35,
height : 35
} ]
},
{
xtype : 'container',
margin : '4px 0px 0px 35px',
//style:'border olid 2px red;',
layout : {
type : 'hbox',
align : 'left',
width : '100%'
},
items : [
{
xtype : 'component',
html : '<div style="float:left;color:black;font-size:12px;margin:0% 0% 0% -1%;position:absolute;"><b>Travel Date <div>From*</div></b></div>'
},
{
xtype : 'datepickerfield',
id : 'ftrtraveldatefrom',
name : 'ftrtraveldatefrom',
cls : 'txtfld',
margin : '0% 0% 0% 12%',
style : {
marginTop:'50px',
border:'solid 1.5px #DFDFDF',
height:35,
},
width : '18%',
minHeight : 35,
height : 35,
picker : {
yearFrom : new Date()
.getFullYear() - 2,
yearTo : new Date()
.getFullYear()
},
value : {
day : new Date()
.getDate(),
month : (new Date()
.getMonth() + 1),
year : new Date()
.getFullYear()
}
},
{
xtype : 'component',
html : '<div style="float:left;color:black;font-size:12px;margin:0% 0% 0% 4%;position:absolute;width:55%;"><b>Last Date of <div>Field Travel</div></b></div>'
},
{
xtype : 'textfield',
id : 'ftrlastdate',
name : 'ftrlastdate',
readOnly : true,
cls : 'txtfld',
margin : '0% 0% 0% 15%',
style : {
marginTop:'50px',
border:'solid 1.5px #DFDFDF',
height:35,
},
width : '18%',
minHeight : 35,
height : 35
},
{
xtype : 'component',
html : '<div style="float:left;color:black;font-size:12px;margin:5.5% 0% 0% 7%;position:absolute;"><b>Employee Role</b></div>'
},
{
xtype : 'textfield',
id : 'ftremployeerole',
name : 'ftremployeerole',
cls : 'txtfld',
readOnly : true,
margin : '0% 0% 0% 17%',
style : {
marginTop:'50px',
border:'solid 1.5px #DFDFDF',
height:35,
},
width : '18%',
minHeight : 35,
height : 35
} ]
},
{
xtype : 'container',
margin : '4px 0px 0px 35px',
layout : {
type : 'hbox',
align : 'left',
width : '100%'
},
items : [
{
xtype : 'component',
html : '<div style="float:left;color:black;font-size:12px;margin:5.5% 0% 0% -1%;position:absolute;"><b>To*</b></div>'
},
{
xtype : 'datepickerfield',
id : 'traveldatetobox',
name : 'ftrtraveldateto',
cls : 'txtfld',
margin : '0% 0% 0% 12%',
style : {
marginTop:'50px',
border:'solid 1.5px #DFDFDF',
height:35,
},
width : '18%',
minHeight : 35,
height : 35,
picker : {
yearFrom : new Date().getFullYear() - 2,
yearTo : new Date().getFullYear()
},
value : {
day : new Date().getDate(),
month : (new Date().getMonth() + 1),
year : new Date().getFullYear()
}
},
{
xtype : 'component',
html : '<div style="float:left;color:black;font-size:12px;margin:5.5% 0% 0% 3.9%;position:absolute;"><b>Days Travelled*</b></div>'
},
{
xtype : 'selectfield',
xtype : 'selectfield',
id : 'daysTravelledtxtbox',
name : 'daysTravelledftr',
cls : 'txtfld',
margin : '0% 0% 0% 15%',
style : {
marginTop:'50px',
border:'solid 1.5px #DFDFDF',
height:35,
},
width : '18%',
minHeight : 35,
height : 35,
options : [
{
text : '',
value : ''
},
{
text : '0.5',
value : 'first'
},
{
text : '1',
value : 'second'
},
{
text : '1.5',
value : 'third'
},
{
text : '2',
value : 'third'
} ]
} ]
} ]
},
{
xtype : 'panel',
margin : '0% 0% 0% 1%',
height : '45px',
html : '<div style="float:left; margin:0% 0% 0% 0%;height:100px;width:80px;"><img src="resources/images/ftrassessment/GreenTab.png" /></div>'
+ '<div style="float:left;font-size:16px;color:rgb(0,0,0); margin:1% 0% 0% -7%;"><b>Sales Performance Data</b></div>'
+ '<div id="salesPerformanceExpandIcon" class="salesPerformanceExpandIcon" style="float:left; margin:-9% 0% 0% 94%;width:200px;height:50px;"><img src="resources/images/ftrassessment/ExpandIcon.png" /></div>',
listeners : [ {
element : 'element',
delegate : 'div.salesPerformanceExpandIcon',
event : 'tap',
fn : function() {
Ext.dispatch({
controller : 'fieldtravelreport.NewFTRAssessmentController',
action : 'showHideSalesPerformance'
});
}
} ]
},
{
xtype : 'panel',
width : '98%',
margin : '-.5% 0% 0% 1%',
id : 'salesPerformance',
style : 'background-color:rgb(234,234,234);',
items : [
{
xtype : 'container',
margin : '5px 0px 0px 35px',
layout : {
type : 'hbox',
align : 'left',
width : '100%'
},
items : [
{
xtype : 'component',
html : '<div style="float:left;color:black;font-size:12px;margin:10% 0% 0% 0%;"><b>YTD Summit Rank</b></div>'
},
{
xtype : 'textfield',
id : 'YTDtxtbox',
cls : 'txtfld',
margin : '2px 0px 0px 22px',
style : {
marginTop:'50px',
border:'solid 1.5px #DFDFDF',
height:35,
},
width : '18%',
minHeight : 35,
height : 35
},
{
xtype : 'component',
html : '<div style="float:left;color:black;font-size:12px;margin:10% 0% 0% 60%;width:80px;"><b>Month Ending</b></div>'
},
{
xtype : 'datepickerfield',
id : 'MonthEndingtxtbox',
cls : 'txtfld',
margin : '2px 0px 0px 57px',
style : {
marginTop:'50px',
border:'solid 1.5px #DFDFDF',
height:35,
},
width : '18%',
minHeight : 35,
height : 35,
picker : {
yearFrom : new Date().getFullYear() - 2,
yearTo : new Date().getFullYear()
},
},
{
xtype : 'component',
html : '<div style="float:left;color:black;font-size:12px;margin:6% 0% 0% 54%"><b>Performance Analysis</b></div>'
},
{
xtype : 'textfield',
id : 'Performancebox',
cls : 'txtfld',
margin : '2px 0px 0px 23px',
style : {
marginTop:'50px',
border:'solid 1.5px #DFDFDF',
height:35,
},
width : '18%',
minHeight : 35,
height : 35,
listeners : {
focus : {
fn : function() {
Ext.Viewport.add({
xtype : 'performanceanalysisview'
});
var comments = Ext.getCmp('Performancebox').getValue();
Ext.getCmp('performanceanalysis').setValue(comments);
if(isSync) {
Ext.getCmp('performanceanalysis').setReadOnly(true);
}
else if(isRouted) {
Ext.getCmp('performanceanalysis').setReadOnly(true);
}
else if(isDraft) {
Ext.getCmp('performanceanalysis').setReadOnly(false);
}
else if(isReturned) {
Ext.getCmp('performanceanalysis').setReadOnly(false);
}
}
}
}
} ]
},
{
xtype : 'component',
style : 'background-color:rgb(215,215,215);',
margin : '4px 0px 0px 0px',
html:'<div id="salesheader" class="salesheader" style="float:left;color:black; margin:0% 0% 0 0%;height:40px;"><div id="area" class="area" style="float:left;margin:2.5% 0% 0 12%;font-size:16px;font-weight:bold;">Area</div><div id="areadesc" class="areadesc" style="float:left;width:150px; margin:-5% 0% 0 78.4%;font-size:16px;font-weight:bold;">Area Description</div><div id="currentquota" class="currentquota" style="float:left;width:250px; margin:-5% 0% 0 144.5%;font-size:16px;font-weight:bold;">Current Quota Attainment%</div></div>'
},
{
xtype : 'salesperformancelist',
width : '98%',
flex : 2.5,
margin : '0% 0% 0% 0%',
height : '140px',
style : 'background-color:#EAEAEA;',
flex : .5
}
]
},
{
xtype : 'panel',
margin : '0% 0% 0% 1%',
height : '45px',
html : '<div style="float:left; margin:0% 0% 0% 0%;height:100px;width:80px;"><img src="resources/images/ftrassessment/GreenTab.png" /></div>'
+ '<div style="float:left;font-size:16px;color:rgb(0,0,0); margin:1% 0% 0% -7%;"><b>Action Items from Previous Coaching Period</b></div>'
+ '<div id="actionItemsExpandIcon" class="actionItemsExpandIcon" style="float:left; margin:-9% 0% 0% 94%;width:200px;height:50px;"><img src="resources/images/ftrassessment/ExpandIcon.png" /></div>',
listeners : [ {
element : 'element',
delegate : 'div.actionItemsExpandIcon',
event : 'tap',
fn : function() {
Ext.dispatch({
controller : 'fieldtravelreport.NewFTRAssessmentController',
action : 'showHideActionItems'
});
}
} ]
},
{
xtype : 'panel',
width : '99.8%',
id : 'actionitempanel',
items : [
{
margin : '-5px 0px 0 10px',
width : '98.3%',
xtype : 'component',
id : 'actionItemsTitle',
//html : '<div style="float:left;font-size:14px; margin:3% 0% 0% 3.4%; color:black;font-family:arial;"><b style="margin:0% 0% 0% 0%;"># Competency Action Items Progress Due Date</b> </div>',
html:'<div id="actionheader" class="actionheader" style="float:left;color:black; margin:0% 0% 0 0%;height:40px;"><div id="#" class="#" style="float:left; margin:1.5% 0% 0 8%;font-size:16px;font-weight:bold;">#</div><div id="competency" class="competency" style="float:left;width:120px; margin:1.5% 0% 0 25%;font-size:16px;font-weight:bold;">Competency</div><div id="actionitems" class="actionitems" style="float:left;width:100px; margin:-4.8% 0% 0 95%;font-size:16px;font-weight:bold;">Action Items</div><div id="progress" class="progress" style="float:left;width:80px; margin:-5% 0% 0 186%;font-size:16px;font-weight:bold;">Progress</div><div id="date" class="date" style="float:left;width:100px; margin:-5% 0% 0 219%;font-size:16px;font-weight:bold;">Due Date</div></div>',
style : 'background-color:rgb(215,215,215);'
},
{
margin : '0px 0px 0 10px',
width : '98.3%',
height : '300px',
style : 'background-color:rgb(234,234,234);',
xtype : 'actionitemslist',
flex : 2
}, ]
},
{
xtype : 'panel',
width : '97.8%',
margin : '0% 0% 0% 1%',
height : '60px',
style : 'background:url(resources/images/homepage/header_bg.png)',
html : '<div id="gotoftrevaluate" class="gotoftrevaluate" style="float:left; margin:1.7% 0% 0 55%;"><img src="resources/images/ftrassessment/footer_pagination_right.png" /></div>'
+ '<div style="float:left; margin:1.7% 0% 0 -12%;"><img src="resources/images/ftrassessment/footer_pagination_grey.png" /></div>'
+ '<div id="ftrcancelstart" class="ftrcancelstart" style="float:left; margin:1.2% 0% 0 27%;"><img src="resources/images/ftrassessment/cancel.png" /></div>'
+ '<div style="float:left; margin:-4.4% 0% 0 46.7%;"><img src="resources/images/ftrassessment/pagination_active_dot.png" /></div>'
+ '<div style="float:left; margin:-4.4% 0% 0 49.8%;"><img src="resources/images/ftrassessment/pagination_inactive_dot.png" /></div>'
+ '<div style="float:left; margin:-4.4% 0% 0 53%;"><img src="resources/images/ftrassessment/pagination_inactive_dot.png" /></div>',
items:[/*{
xtype:'button',
id:'ftrcancelstart',
ui:'plain',
width:'10%',
height:'100%',
disabled: false,
left:'80%',
top:'5%',
html:'<img src="resources/images/ftrassessment/cancel.png" style="margin:0% 0% 0% 0%" />',
listeners:{
tap: function() {
Ext.dispatch({
controller : 'fieldtravelreport.NewFTRAssessmentController',
action : 'cancelEmployeeDetails'
});
}
}
},*/{
xtype:'button',
id:'saveftrassessmentstart',
ui:'plain',
width:'14%',
height:'100%',
disabled: false,
left:'87%',
top:'9%',
html:'<img src="resources/images/ftrassessment/Save as Draft.png" style="margin:1% 0% 0% 0%" />',
listeners:{
tap: function() {
Ext.dispatch({
controller : 'fieldtravelreport.NewFTRAssessmentController',
action : 'saveDraftFTRAssessment'
});
}
}
}],
listeners : [
{
element : 'element',
delegate : 'div.ftrcancelstart',
event : 'tap',
fn : function() {
Ext.dispatch({
controller : 'fieldtravelreport.NewFTRAssessmentController',
action : 'cancelEmployeeDetails'
});
}
},
{
element : 'element',
delegate : 'div.ftrsavedraftstart',
event : 'tap',
fn : function() {
Ext.dispatch({
controller : 'fieldtravelreport.NewFTRAssessmentController',
action : 'saveDraftFTRAssessment'
});
}
},
{
element : 'element',
delegate : 'div.gotoftrevaluate',
event : 'tap',
fn : function() {
Ext.dispatch({
controller : 'fieldtravelreport.NewFTRAssessmentController',
action : 'salesCompetency'
});
}
} ]
}
]
}
});
/** *******Popup used for Competency Definition in FTR Start Page********** */
var competencyDefinitionPopup = Ext.create('Ext.form.Panel', {
modal : true,
top : '220px',
left : '330px',
width : '480px',
height : '180px',
style : 'background-color:rgb(248,252,243)',
items : [ {
xtype : 'panel',
style : 'background-color:rgb(248,252,243)',
height : '200px',
left : '0px',
width : '500px',
html : '<div id="CommonCompetencyNotification" class="CommonCompetencyNotification" style="text-align:center;font-size:15px;"><img style="margin:10% 0 0 0%" src="resources/images/ftrassessment/pdf.png" /><span style="margin:0% 0 0 2%;" >' + competencyCommon + '</span></div>'
+ '<div id="AccountBasedNotification" class="AccountBasedNotification" style="text-align:center;margin:3% 0 0 -21%;font-size:15px;"><img src="resources/images/ftrassessment/pdf.png" /><span style="margin:-2% 0 0 56%;" >' + competencyAccount + '</span></div>'
//+ '<div id="ToBeDeterminedNotification" class="ToBeDeterminedNotification" style="text-align:center;margin:3% 0 0 -43%;font-size:15px;"><img src="resources/images/ftrassessment/pdf.png" /><span style="margin:-2% 0 0 2%;" >Account Based Competency</span></div></div>'
+ '<div id="ftrpophide" class="ftrpophide" style="margin:-15% 0 0 92%;"><img src="resources/images/dashboard/Cross.png" /></div>',
listeners : [
{
element : 'element',
delegate : 'div.ftrpophide',
event : 'tap',
fn : function() {
competencyDefinitionPopup.hide();
}
},
{
element : 'element',
delegate : 'div.CommonCompetencyNotification',
event : 'tap',
fn : function() {
pushNotificationToIOS("pdfcommon","CommonCompetencyDefinitions",'');
}
},
{
element : 'element',
delegate : 'div.AccountBasedNotification',
event : 'tap',
fn : function() {
pushNotificationToIOS("pdfaccount","AccountBasedCompetency", '');
}
}
/*{
element : 'element',
delegate : 'div.ToBeDeterminedNotification',
event : 'tap',
fn : function() {
pushNotificationToIOS("ftrstarttab","ToBeDetermined", '');
}
}*/ ]
} ]
});
Sencha is used by over two million developers. Join the community, wherever you’d like that community to be
or Join Us