How to add clear trigger to textfield

Hello all,

Today i would like to post the basic textfield enhancements in extjs. How to add the Clear trigger icon to textfield.

Below is the code to add triggers to textfield, we can multiple triggers like clear, search icon aswell.

                  {

                        xtype: 'textfield',

                        fieldLabel: 'Search',

                        triggers: {

                            clear: {

                                cls: 'x-form-clear-trigger',

                                handler:function(field) { field.reset(); }

                            }

                        }

                    }

OutPut

Extjs - How to change style of item in combox

I would like to post the change the color of item in combox.

Recently i worked on changing the color of combobox item based on current year Quarter. This we can do using XTemplate. XTemplate we can do based on conditional operations, math operations we can do.

We need to create style Class for this.

div .comboColor {

    background-color: #87CEFA;

    padding-left: 4px;

} 

And ComboBox definition like below.

{

  xtype: 'combobox',

  labelWidth: 70,

  store: AccountingPeriods,

  displayField: 'Description',

  valueField: 'AccountingPeriodId',

  name: 'Period',

  queryMode: 'local',

  fieldLabel: 'Year Periods',

  tpl: Ext.create('Ext.XTemplate',

  '<tpl for=".">',

  '<div class="{[this.getClass(values)]}">{Description}</div>',

  '</tpl>',

    {

        getClass: function (rec) {

              return rec.IsCurrent ? 'x-boundlist-item comboColor' : 'x-boundlist-item';

                               }

    }

  )}

The OutPut result will be.

Hyderabad dotnetConf 2016

Hyderabad dotnetConf 2016 Welcomes You!

Microsoft User Group Hyderabad presents Hyderabad dotnetConf 2016. Immerse yourself 

in the world of .NET.

Hyderabad dotnetConf 2016 featuring speakers from the Microsoft Most Valuable

Professionals, .NET Community and Microsoft. Mark your calendar on August 27th.

Learn to develop for web, mobile, desktop, games, services, libraries and more for a variety

of platforms and devices all with .NET! We'll have presentations on .NET Core 

and ASP.NET Core, C#, F#, Roslyn, Visual Studio, Universal Windows Platform (UWP),

 Xamarin, and much more.

Venue:

Microsoft India Development Center

Building 3, Gachibowli, Hyderabad, Telangana 500032, India

Register

For more details and Agenda MUGH

Difference between renderer and convert

In Extjs everyone has small confusion what is the Difference between renderer and convert.

renderer: renderer is an "Interceptor" method which can be used to transform the data like value, appearence..before it rendered to the browser.

renderer: function (value, metaData, record, rowIndex, colIndex, store, view) {
    // style the cell using the dataIndex of the column
    var headerCt = this.getHeaderContainer(),
        column = headerCt.getHeaderAtIndex(colIndex);

    metaData.tdCls = 'app-' + column.dataIndex;
    return value;
}

It will returns the HTML string.

convert: convert is a function this converts the value provided by the reader into an object that will be stored into the Model.
This function access the rows information inside the store, based on this we can modify the data.

dotnetConf 2016 is back

Discover the World of .Net 

dotnetConf Virtual event, June 7-9 2016.

The dotnetConf is a free, 3 day virtual event co-organized by the .NET community and Microsoft. Over the course of the three days you’ll have a wide selection of live sessions that feature speakers from the community and .NET product teams. These are the experts in their field and it will be your chance to learn, ask your questions live and get inspired for your next software project.

For more details, check out http://www.dotnetconf.net

WHEN

Tuesday, June 7, 2016 at 8:30 AM - Thursday, June 9, 2016 at 5:00 PM (PDT) - Add to Calendar

Introducing Microsoft SQL Server 2016 – get your free ebook today

Microsoft SQL Server 2016 arrives today and with it comes the opportunity to deliver breakthrough in-memory performance, unparalleled security, end-to-end mobile BI and advanced analytics. We want you to see for yourself why Microsoft is recognized as an industry leader across the data platform, with Gartner Magic Quadrant leadership in Operational DBMS (ahead of Oracle, IBM, and SAP), BI, and Analytics and Data Warehousing.   Download this free nine-chapter ebook today to learn from expert authors Stacia Varga, Denny Cherry, and Joseph D’Antoni, who describe the features and enhancements that make this release of SQL Server 2016 the best ever: Mission-Critical Performance: Chapters cover faster queries, better security, higher availability, and the improved database engine. Deeper Insights Across Data: Chapters cover the broader data access, increased analytics, and better reporting in SQL Server 2016.  Hyperscale Cloud: Chapters cover the improvements in Azure SQL Database and how to expand your options with SQL Data Warehouse. Click here to download the SQL Server 2016 ebook Microsoft SQL Server Team

.Net sorting list with special characters

Sorting using c# .Net  doesn't use ASCII while sorting, It uses Unicode. When we perform a string sort, .Net by default uses the current culture.

Sorting a list in c# with special characters like "-", "/"

Example:
1.  Here is the Sample Data before sorting.

We can't get sort String having the special characters, Now we can do with RegExpression.

using System.Text.RegularExpressions;

Ascending

response.Result = response.Result.OrderBy(f => Regex.Replace(f.Name.TrimStart().TrimEnd(), "[^a-zA-Z0-9_]+", " ")).ToList();

Descending

   response.Result = response.Result.OrderByDescending(f => Regex.Replace(f.Name.TrimStart().TrimEnd(), "[^a-zA-Z0-9_]+", " ")).ToList();

Result:

Remove numberer column in spreadsheet grid

Hello,

This week am working with extjs spreadsheetModel grid. After adding the spreadsheetModel as selModel number column came.

There is a config option we can hide the numberer column using

        me.selModel: {

                type: 'spreadsheet',

                rowNumbererHeaderWidth: 0

                    }

numberer column to select the complete row, If you dont want to select the row you can use rowSelect: false to hide numberer column.

Microsoft Azure - DevOps Community Roadshow - 2016

DevOps Community Roadshow, 2016

This confirms your registration for the following event: DevOps Community Roadshow - 2016 Powered by MVP The Westin Hyderabad Mindspace Raheja IT Park, Hitec City, Madhapur, Hyderabad, TG, 500 081, India May 7, 2016 | 9:30 AM to 5:30 PM DevOps practices have become a vital part of agile development and continuous delivery. Join us in DevOps Community Roadshow, 2016 (Powered by MVP) to learn how DevOps practices can enable you to solve real-world challenges in your organization faster. Evolve your traditional application lifecycle management (ALM) approach regarding people, processes, and tools and help your business deliver higher value faster to customers! Come Learn and interact with the best of the community leaders and experts and get the most out of your DevOps skills.   Join us to explore  The cultural challenges, processes, and tools involved with DevOps DevOps practices such as Infrastructure as a Code and continuous delivery and testing in production How Microsoft solutions can integrate with, leverage, and support your existing Open Source solutions This event is exclusively for working professionals, Students are strictly not allowed. Registration is not on eventbrite, register using below link. Register @ Microsoft Events

Error - The script file could not be found while SSDT Project publish

While am working today i got error  while publishing my database project like "The script file could not be found ".











This issue will come sometimes with .dbmdl file, Just remove from the solution and rebuild it. it will work.

.dbmdl file is just user based cache file of database project.

Clipboard Ring

Hello Folks,

Today we will discuss about the basic hidden tips of Visual studio IDE, these things i know just week ago in one of the community Event.

Available from Version: 2003

Generally we are using capturing of the strings by using Copy or Cut operations, these cut and Copy operations stores the data in to the Clipboard ring memory. 

Clipboard Ring will recalls last 20 Text items this is called Clipboard Ring. 

To Use the Clip board using Ctrl+Shift+V or Ctrl+Shift+Insert

 What ever the Items we are Copied or Copy that is the current item in the clipboard ring, By Using      Ctrl+Shift+V  you can cycle through the items which you are copied or cut.

Source: msdn

 

MUGH February 2016 Meetup

MUGH February 2016 Meetup

Microsoft User Group Hyderabad invites you to User Group Meet on 27th Feb'16.


Agenda

TIME	TOPIC & SPEAKER
09:00 - 09:50 AM	Registration
10:00 - 11:00 AM	Hidden Features of Visual Studio That You Must Know Abhijit Jana, Microsoft
11:00 - 12:00 PM	Functional Reactive Programming in JavaScript Shravan Kumar, Pramati Technologies
12:00 - 12:10 PM	Break
12:10 - 01:10 PM	TBD

Registration

Find agenda @ http://themugh.github.io/ugmeet/2016/feb

WHEN

Saturday, February 27, 2016 from 9:00 AM to 1:00 PM (IST) - Add to Calendar

WHERE

Microsoft India Development Center - Building 3, MPR Halls 1, 2 & 3. Gachibowli. Hyderabad, Telangana IN - View Map

Source : MUGH

Sencha cmd: How to create view using sencha cmd

Today am going to explain the basic sencha CMD commands.

In previous posts i explained about to install sencha CMD. Now we are going to generate Common MVC components such as controller, mode, view.

Using sencha generate command help us to quickly generate files. You can verify the which sencha cmd is installed in our system and what are the commands available.

Note: Before executing the Sencha commands.The current directory on the console must be inside your application. This commands are compatible to the Sencha Architect Project.

1. Generating views

Adding a view is 

cd path/MyApplication sencha generate view Users.UsersList

The above code will generate the following files in our application.

app/

      view/

               Users/                                     - Creates the Folder for the implementing the classes

                         UsersList.js                  - The New view

                         UsersListModel.js        - The Model for the New view

                         UsersListController.js  -The controller of New view.

ExtJs 5.1: store getModifiedRecords() not returning actuall results

Hello Folks,

While am working on Extjs 5.1. I faced an Issue like i didn't get the Modified records from Store. Then i searched in the forum it is an issue in Ext 5.1.

looping the store items and validating the dirty property true or not.

like   item.dirty == true

and we can also check store records are modified(Updated) or not.

var storeRecords = store.getRange();

for (var i = 0; i < storeRecords.length; i++) {

    var rec = storeRecords[i];

    if (rec.dirty == true) {

        //Do Operations basedon

    }

}

Ext.data.reader.Reader: Using the deprecated "root" configuration. Use "rootProperty" instead.

Hello,

While am working on upgrade from Extjs 4 to Extjs 5, am getting this error in Store.

Ext.data.reader.Reader: Using the deprecated "root" configuration. Use "rootProperty" instead.

In Extjs 4 we are using the root property in Proxy reader. But in Extjs we ahve to change the Proxy reader from root to  rootProperty.

Extjs V4:

proxy: {

        type: 'ajax',

        url: 'data/GetClients',

        reader: {

            type: 'json',

            root: 'rows',

            total: 'totalCount'

        }

    }

Extjs V5:

    proxy: {

        type: 'ajax',

        url: 'data/GetClients',

        reader: {

            type: 'json',

            rootProperty: 'rows',

            totalProperty: 'totalCount'

        }

    }