customer page cshtml file

[zprofreelancer]

for example the customer page, where is the cshtml customer with the "new customer" button?

[minhhungit]

It's CustomerIndex.cshtml, if you check it you will see this bellow code:

new Serene.Northwind.CustomerGrid($('#GridDiv'), {}).init();

Almost things you see on customer page is built from CustomerGrid.ts

"create new customer" button is also a button of toolbarButton in grid.ts

CustomerGrid.ts

@Serenity.Decorators.registerClass()
    @Serenity.Decorators.filterable()
    export class CustomerGrid extends Serenity.EntityGrid<CustomerRow, any> {
       // ....
       // ....

        constructor(container: JQuery) {
            super(container);
        }

        getButtons() {
            // "CREATE NEW" BUTTON IS HERE <==================
            var buttons = super.getButtons(); 

           // you can add more buttons like this: 
            buttons.push(....);

            return buttons;
        }

    }

[minhhungit]

You better should read document here firstly
https://serenity.is/docs

Read and do tutorials

[minhhungit]

For short answer, Serenity created it for us, Serenity create the button, Serenity create grid , it creates pager, it also create new form/edit form...

It also exposed function that you can overwrite, for example above code, the function is getButtons

Check Serenity.EntityGrid class, you will see it

[zprofreelancer]

i'm reading the tutorial but it doesn't mention in details the classes used....anyway, i already have checked entitygrid and noticed that the new customer button is automatically created when i export class customergrid....I need to change the new customer text on the button...
I wonder how i do this since the button is created automatically....

Thanks

[arunkumar12712]

[zprofreelancer]

Thanks alot... It works....this is not mentioned in the tutorial....are there any resources for customizing customer page??.....Also i need to customize the country and city and representatives controls..how to change the representative input text to dropdown control........how to do that please.