User Activities - sophoana | ASP.NET Zero Support

5 years ago Answer

I want to show like this.

5 years ago Question

Hi Support

Can not show dropdow button when click on dropdow menu.

HTML code:

&lt;td style=&quot;width: 130px&quot; [hidden]=&quot;!isGrantedAny(&#39;Pages.Items.Edit&#39;, &#39;Pages.Items.Delete&#39;)&quot;&gt;
       &lt;div class=&quot;btn-group dropdown&quot; dropdown container=&quot;body&quot;&gt;
             &lt;button dropdownToggle class=&quot;dropdown-toggle btn btn-sm btn-primary&quot;&gt;
                  &lt;i class=&quot;fa fa-cog&quot;&gt;&lt;/i&gt;&lt;span class=&quot;caret&quot;&gt;&lt;/span&gt; {{"Actions" | localize}} &lt;/button&gt;
                        &lt;ul class=&quot;dropdown-menu&quot; *dropdownMenu&gt;  &lt;li&gt;
                              &lt;a href=&quot;javascript:;&quot; *ngIf=&quot;&#39;Pages.Items.Edit&#39; | permission&quot;
                                     (click)=&quot;updateItems(record)&quot;&gt;{{'Edit' | localize}}&lt;/a&gt;
                                     &lt;/li&gt;
                                     &lt;li&gt;
                                          &lt;a href=&quot;javascript:;&quot; *ngIf=&quot;&#39;Pages.Items.Delete&#39; | permission&quot;
                                           (click)=&quot;deleteItems(record)&quot;&gt;{{'Delete' | localize}}&lt;/a&gt;
                                      &lt;/li&gt;
                               &lt;/ul&gt;
                           &lt;/div&gt;
                     &lt;/td&gt;

Cannot Display Data on P-Table #7875

5 years ago Answer

TS file:


onSelectedUnitMeasurePrice(): void {
      let selectedUnitMeasurePrice = new Array<NameValueOfString>();
      selectedUnitMeasurePrice.push(this.unitMeasurePrice);
      this._unitMeasureServiceProxy.sendAndGetSelectedUnitMeasures(selectedUnitMeasurePrice)
          .subscribe((ChartAccount: NameValueOfString[]) => {              
              _.forEach(ChartAccount, item => {                  
                  this.itemPrice.push(new ItemPricesEditDto({price: this.priceValue, unitMeasureId: parseInt(item.value), unitMeasureName: item.name, id: 0}));
                  this.primengTableHelper.totalRecordsCount = this.itemPrice.length;                  
                  this.primengTableHelper.records = this.itemPrice;
                  this.priceValue = null;
                  this.unitMeasurePrice = null;
              });
          });
  }

Cannot Display Data on P-Table #7875

5 years ago Question

Hi support

Cannot Display Data on P-Table

HTML file:

<p-table

                                                [value]=&quot;itemPrice&quot;
                                                [loading]=&quot;loading&quot;
                                                [responsive]=&quot;primengTableHelper.isResponsive&quot;&gt;
                                                &lt;ng-template pTemplate=&quot;header&quot;&gt;
                                                    &lt;tr&gt;                                                            
                                                        &lt;th style=&quot;width: 100px&quot;&gt;{{'Actions' | localize}}&lt;/th&gt;
                                                        &lt;th pSortableColumn=&quot;unitMeasureName&quot;&gt;
                                                            {{'UnitMeasure' | localize}}
                                                            &lt;p-sortIcon field=&quot;unitMeasureName&quot;&gt;&lt;/p-sortIcon&gt;
                                                        &lt;/th&gt;
                                                        &lt;th pSortableColumn=&quot;price&quot;&gt;
                                                            {{'Price' | localize}}
                                                            &lt;p-sortIcon field=&quot;price&quot;&gt;&lt;/p-sortIcon&gt;
                                                        &lt;/th&gt;
                                                    &lt;/tr&gt;
                                                &lt;/ng-template&gt;
                                                &lt;ng-template pTemplate=&quot;body&quot; let-record=&quot;$implicit&quot;&gt;
                                                    &lt;tr&gt;                                                            
                                                        &lt;td style=&quot;width: 130px&quot;
                                                            [hidden]=&quot;!isGrantedAny(&#39;Pages.Items.Edit&#39;, &#39;Pages.Items.Delete&#39;)&quot;&gt;
                                                            &lt;div class=&quot;btn-group dropdown&quot; dropdown container=&quot;body&quot;&gt;
                                                                &lt;button dropdownToggle class=&quot;dropdown-toggle btn btn-sm btn-primary&quot;&gt;
                                                                    &lt;i class=&quot;fa fa-cog&quot;&gt;&lt;/i&gt;&lt;span class=&quot;caret&quot;&gt;&lt;/span&gt; {{"Actions" | localize}}
                                                                &lt;/button&gt;
                                                                &lt;ul class=&quot;dropdown-menu&quot; *dropdownMenu&gt;                                                
                                                                    &lt;li&gt;
                                                                        &lt;a href=&quot;javascript:;&quot; *ngIf=&quot;&#39;Pages.Items.Edit&#39; | permission&quot;
                                                                        (click)=&quot;deleteItems(record)&quot;&gt;{{'Edit' | localize}}&lt;/a&gt;
                                                                    &lt;/li&gt;
                                                                    &lt;li&gt;
                                                                        &lt;a href=&quot;javascript:;&quot; *ngIf=&quot;&#39;Pages.Items.Delete&#39; | permission&quot;
                                                                        (click)=&quot;deleteItems(record)&quot;&gt;{{'Delete' | localize}}&lt;/a&gt;
                                                                    &lt;/li&gt;
                                                                &lt;/ul&gt;
                                                            &lt;/div&gt;
                                                        &lt;/td&gt;
                                                        &lt;td&gt;
                                                            &lt;span class=&quot;ui-column-title&quot;&gt;{{'UnitMeasure' | localize}}&lt;/span&gt;
                                                            &lt;span title=&quot;{{record.unitMeasureName}}&quot;&gt;&lt;/span&gt;
                                                        &lt;/td&gt;
                                                        &lt;td&gt;
                                                            &lt;span class=&quot;ui-column-title&quot;&gt;{{'Price' | localize}}&lt;/span&gt;
                                                            &lt;span title=&quot;{{record.price}}&quot;&gt;&lt;/span&gt;
                                                        &lt;/td&gt;
                                                    &lt;/tr&gt;
                                                &lt;/ng-template&gt;
                                            &lt;/p-table&gt;

p-autocomplete and input text. #7849

5 years ago Question

Hi support

Different between p-autocomplet border and input text. I want to show the same both border.

How to apply p-autocomplete inside p-table #7836

5 years ago Question

Hi support

How to apply p-autocomplete inside p-table

HTML file:

<td pEditableColumn><p-cellEditor><ng-template pTemplate="input"><p-dropdown [options]="brands" [(ngModel)]="rowData.brand" [style]="{'width':'100%'}"></p-dropdown></ng-template><ng-template pTemplate="output">{{rowData.brand}}</ng-template></p-cellEditor></td>

Cannot submit data #7819

5 years ago Question

Hi Support

I want to submit two module only time. but I used only function. And than it alert message on point "/** 2. function submit */".

My code:

save(): void {
      this.saving = true;
      /** 1. function submit */
      this._customerServiceProxy.createCustomers(this.customer)
          .pipe(finalize(() => this.saving = false))
          .subscribe(() => {
            /** 2. function submit */
              this._defaultSettingServiceProxy.createOrEditDefaultSettingByName(this.defaultSettingSaleCode)
              .pipe(finalize(() => this.saving = false))
              .subscribe(() => {this.modalSave.emit(null);})
              this.notify.info(this.l('SavedSuccessfully'));
              this.close();
              this.modalSave.emit(null);
          });
    }

-Errow message

[hidden] with p-autocomplete #7812

5 years ago Answer

Hi support

My task I want to show like this:

HTML File:

<div class="row mb-4"> <div class="col-sm-12"> <span class="clickable-item text-muted" *ngIf="!CustomerSettingAreShown" (click)="CustomerSettingAreShown=!CustomerSettingAreShown"><i class="fa fa-angle-down"></i> {{"ShowCustomerSetting" | localize}}</span> <span class="clickable-item text-muted" *ngIf="CustomerSettingAreShown" (click)="CustomerSettingAreShown=!CustomerSettingAreShown"><i class="fa fa-angle-up"></i> {{"HideCustomerSetting" | localize}}</span> </div> </div> <div class="row mb-4" [hidden]="!CustomerSettingAreShown"> <div class="form-group col-md-6"> <label for="CustomerSaleCode">{{"CustomerSaleCode" | localize}}</label> <p-autoComplete id="SingleSelectSaleCodeInput" name="SingleSelectSaleCodeInput" field="name" [(ngModel)]="chartOfAccountSaleCode" [suggestions]="filteredChartOfAccountSaleCode" (completeMethod)="filterChartOfAccountSaleCode($event)" (onSelect)="onSelectedChartOfAccountsSaleCode($event)" [minLength]="1" inputStyleClass="form-control" styleClass="width-percent-100"> <ng-template let-chartOfAccount pTemplate="item"> {{chartOfAccount.name}} </ng-template> </p-autoComplete> </div> </div>

p-autocomplete in [hidden] #7814

5 years ago Answer

html file: <label><div class="row mb-4" [hidden]="!CustomerSettingAreShown"></label> <div class="form-group col-md-6"> <label for="CustomerSaleCode">{{"CustomerSaleCode" | localize}}</label>

<p-autoComplete id="SingleSelectSaleCodeInput" name="SingleSelectSaleCodeInput" field="name" [(ngModel)]="chartOfAccountSaleCode" [suggestions]="filteredChartOfAccountSaleCode" (completeMethod)="filterChartOfAccountSaleCode($event)" (onSelect)="onSelectedChartOfAccountsSaleCode($event)" [minLength]="1" inputStyleClass="form-control" styleClass="width-percent-100"> <ng-template let-chartOfAccount pTemplate="item"> {{chartOfAccount.name}} </ng-template> </p-autoComplete> </div> </div>

p-autocomplete in [hidden] #7814

5 years ago Question

Hi support

Cannot show p-autocomplete in [hidden].

I'm use: -angular 7 -asp.net core

.html file <div class="row mb-4" [hidden]="!CustomerSettingAreShown"> <div class="form-group col-md-6"> <label for="CustomerSaleCode">{{"CustomerSaleCode" | localize}}</label>
<p-autoComplete id="SingleSelectSaleCodeInput" name="SingleSelectSaleCodeInput" field="name" [(ngModel)]="chartOfAccountSaleCode" [suggestions]="filteredChartOfAccountSaleCode" (completeMethod)="filterChartOfAccountSaleCode($event)" (onSelect)="onSelectedChartOfAccountsSaleCode($event)" [minLength]="1" inputStyleClass="form-control" styleClass="width-percent-100"> <ng-template let-chartOfAccount pTemplate="item"> {{chartOfAccount.name}} </ng-template> </p-autoComplete> </div> </div>

Activities of "sophoana"