Friday, 24 February 2017

How to add dynamically store data to combobox

Am going to bind the data to combobox store dynamically. below is the combobox how to define the properties and all.

xtype: 'combobox',
width: '10%',
reference: 'Amount',
fieldLabel: 'Amount',
labelSeparator: "",
labelAlign: 'top',
queryMode: 'local',
store: new Ext.data.JsonStore({
fields: ['id', 'display', 'value']
}),
displayField: 'display',
valueField: 'value',
emptyText: 'Select',
name: 'relationType',
submitEmptyText: false,
allowBlank: false,
style: '141px',
listeners: {
change: 'onSelectionChange'
}



In controllerthe code will be.


var multiplyCombo = fieldsContainer.down('combobox').getStore();
var bulkAddArray = [];
for (var i = 1; i <= multiplyFactor; i++) {
bulkAddArray.push({
display: i,
value: i
});
}
multiplyCombo.loadData(bulkAddArray, true);


Thursday, 23 February 2017

How to call controller method from Html element click

I got idea like i would like to show some forms while am click on HTML label , Calling Extjs viewController from HTML DOM element tried to add click event to fetch the controller but didnt worked that.

Then i realized after rendering that DOM i will add function to that elementt click function. The code will like below.

This is the code of HTML text from JSON object.

<label id='lblShowDep'>Privacy Policy</label>

After rendering adding the controller method to that DOM Element

if(Ext.get('lblShowDep')){
     Ext.get('lblShowDep').on('click', function() {
           controller.onClickShowDep();
      });
}




Sunday, 19 February 2017

ExtJS Close all opend windows

Today i would like to tell  today how to close all windows currently opend in application.

Using  Ext.WindowManager we can get all windows in our app. Using the following code we close all opend windows.


var activeWin = Ext.WindowManager.getActive();
if (activeWin) {
    activeWin.close();
}
 

Sunday, 12 February 2017

responsecode from store callback not coming

Hello Folks,

The callback method does not have the server response passes as object. There are many ways to load the data into the store and not all of them have a server response.

For this we have to override the proxy processResponse function in the store withe operation object contains serverResponse.


    Ext.define('Ext.data.proxy.ServerOverride', {
            override: 'Ext.data.proxy.Server',
            processResponse: function (success, operation, request, response, callback, scope) {
               operation.serverResponse = response;
               this.callParent(arguments);
            }
         });




storeDepartments.getProxy().setUrl(config.CUSTOMER_DEPARTMENTS_URL);
        storeDepartments.load({
        callback: function(records, operation, success, response) {
        if(success == false){
              var response = operation.serverResponse;            
              if(response){
            var responseText = Ext.decode(response.responseText);
if(responseText.status == 404){
 Ext.Msg.alert('Service Unavailable');
}
            }
}
}});



Wednesday, 1 February 2017

Using Angular with Salesforce and Getting started with Elm

  • Fission Labs

    Plot No: 703/A, 3rd Floor, Road No: 36, Jubilee Hills, Hyderabad (map)
  • Join us for a two session meetup on 11th February 2017. We will have the following sessions:
    Using Angular with Salesforce by Shashank Srivatsavaya - 10:30 AM to 11:30 AM
    In this talk, we will see how to integrate Angular/Angular2 applications with salesforce APIs through a sample contact management application hosted on Heroku PaaS. (This talk could be a hands-on based session, we will update soon.) 
    Getting Started with Elm by Khaja Minhajuddin - 11:30 AM to 12:30 PM 
    Elm is a delightful language to build your web apps. It eliminates almost all of your runtime exceptions. In this talk we'll build a two simple web applications using Elm and will understand the Elm ecosystem.