Hi Support
Can not show dropdow button when click on dropdow menu.
HTML code:
<td style="width: 130px" [hidden]="!isGrantedAny('Pages.Items.Edit', 'Pages.Items.Delete')">
<div class="btn-group dropdown" dropdown container="body">
<button dropdownToggle class="dropdown-toggle btn btn-sm btn-primary">
<i class="fa fa-cog"></i><span class="caret"></span> {{"Actions" | localize}} </button>
<ul class="dropdown-menu" *dropdownMenu> <li>
<a href="javascript:;" *ngIf="'Pages.Items.Edit' | permission"
(click)="updateItems(record)">{{'Edit' | localize}}</a>
</li>
<li>
<a href="javascript:;" *ngIf="'Pages.Items.Delete' | permission"
(click)="deleteItems(record)">{{'Delete' | localize}}</a>
</li>
</ul>
</div>
</td>
Hi support
Cannot Display Data on P-Table
HTML file:
<p-table
[value]="itemPrice"
[loading]="loading"
[responsive]="primengTableHelper.isResponsive">
<ng-template pTemplate="header">
<tr>
<th style="width: 100px">{{'Actions' | localize}}</th>
<th pSortableColumn="unitMeasureName">
{{'UnitMeasure' | localize}}
<p-sortIcon field="unitMeasureName"></p-sortIcon>
</th>
<th pSortableColumn="price">
{{'Price' | localize}}
<p-sortIcon field="price"></p-sortIcon>
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-record="$implicit">
<tr>
<td style="width: 130px"
[hidden]="!isGrantedAny('Pages.Items.Edit', 'Pages.Items.Delete')">
<div class="btn-group dropdown" dropdown container="body">
<button dropdownToggle class="dropdown-toggle btn btn-sm btn-primary">
<i class="fa fa-cog"></i><span class="caret"></span> {{"Actions" | localize}}
</button>
<ul class="dropdown-menu" *dropdownMenu>
<li>
<a href="javascript:;" *ngIf="'Pages.Items.Edit' | permission"
(click)="deleteItems(record)">{{'Edit' | localize}}</a>
</li>
<li>
<a href="javascript:;" *ngIf="'Pages.Items.Delete' | permission"
(click)="deleteItems(record)">{{'Delete' | localize}}</a>
</li>
</ul>
</div>
</td>
<td>
<span class="ui-column-title">{{'UnitMeasure' | localize}}</span>
<span title="{{record.unitMeasureName}}"></span>
</td>
<td>
<span class="ui-column-title">{{'Price' | localize}}</span>
<span title="{{record.price}}"></span>
</td>
</tr>
</ng-template>
</p-table>
Hi support
How to apply p-autocomplete inside p-table
HTML file:
<span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"><</span>td</span> <span class="colour" style="color: rgb(47, 156, 10);">pEditableColumn</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"><</span>p-cellEditor</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"><</span>ng-template</span> <span class="colour" style="color: rgb(47, 156, 10);">pTemplate</span><span class="colour" style="color: rgb(25, 144, 184);"><span class="colour" style="color: rgb(95, 99, 100);">="</span>input<span class="colour" style="color: rgb(95, 99, 100);">"</span></span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"><</span>p-dropdown</span> <span class="colour" style="color: rgb(47, 156, 10);">[options]</span><span class="colour" style="color: rgb(25, 144, 184);"><span class="colour" style="color: rgb(95, 99, 100);">="</span>brands<span class="colour" style="color: rgb(95, 99, 100);">"</span></span> <span class="colour" style="color: rgb(47, 156, 10);">[(ngModel)]</span><span class="colour" style="color: rgb(25, 144, 184);"><span class="colour" style="color: rgb(95, 99, 100);">="</span>rowData.brand<span class="colour" style="color: rgb(95, 99, 100);">"</span></span> <span class="colour" style="color: rgb(47, 156, 10);">[style]</span><span class="colour" style="color: rgb(25, 144, 184);"><span class="colour" style="color: rgb(95, 99, 100);">="</span>{<span class="colour" style="color: rgb(95, 99, 100);">'</span>width<span class="colour" style="color: rgb(95, 99, 100);">'</span>:<span class="colour" style="color: rgb(95, 99, 100);">'</span>100%<span class="colour" style="color: rgb(95, 99, 100);">'</span>}<span class="colour" style="color: rgb(95, 99, 100);">"</span></span><span class="colour" style="color: rgb(95, 99, 100);">></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"></</span>p-dropdown</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"></</span>ng-template</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"><</span>ng-template</span> <span class="colour" style="color: rgb(47, 156, 10);">pTemplate</span><span class="colour" style="color: rgb(25, 144, 184);"><span class="colour" style="color: rgb(95, 99, 100);">="</span>output<span class="colour" style="color: rgb(95, 99, 100);">"</span></span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);">{{rowData.brand}}</span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"></</span>ng-template</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"></</span>p-cellEditor</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span><span class="colour" style="color: rgb(0, 0, 0);"></span><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(201, 44, 44);"><span class="colour" style="color: rgb(95, 99, 100);"></</span>td</span><span class="colour" style="color: rgb(95, 99, 100);">></span></span>
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
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>
Hi support
Cannot show p-autocomplete in [hidden].
I'm use: -angular 7 -asp.net core
<label><span class="colour" style="color: rgb(128, 128, 128);"><</span><span class="colour" style="color: rgb(86, 156, 214);">div</span><span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">class</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"row mb-4"</span><span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">[hidden]</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"!CustomerSettingAreShown"</span><span class="colour" style="color: rgb(128, 128, 128);">></span></label> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(128, 128, 128);"><</span><span class="colour" style="color: rgb(86, 156, 214);">div</span><span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">class</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"form-group col-md-6"</span><span class="colour" style="color: rgb(128, 128, 128);">></span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(128, 128, 128);"><</span><span class="colour" style="color: rgb(86, 156, 214);">label</span><span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">for</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"CustomerSaleCode"</span><span class="colour" style="color: rgb(128, 128, 128);">></span><span class="colour" style="color: rgb(212, 212, 212);">{{"CustomerSaleCode" | localize}}</span><span class="colour" style="color: rgb(128, 128, 128);"></</span><span class="colour" style="color: rgb(86, 156, 214);">label</span><span class="colour" style="color: rgb(128, 128, 128);">></span><span class="colour" style="color: rgb(212, 212, 212);"> </span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(128, 128, 128);"><</span><span class="colour" style="color: rgb(86, 156, 214);">p-autoComplete</span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">id</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"SingleSelectSaleCodeInput"</span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">name</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"SingleSelectSaleCodeInput"</span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">field</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"name"</span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">[(ngModel)]</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"chartOfAccountSaleCode"</span><span class="colour" style="color: rgb(212, 212, 212);"> </span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">[suggestions]</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"filteredChartOfAccountSaleCode"</span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">(completeMethod)</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"filterChartOfAccountSaleCode($event)"</span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">(onSelect)</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"onSelectedChartOfAccountsSaleCode($event)"</span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">[minLength]</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"1"</span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">inputStyleClass</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"form-control"</span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">styleClass</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"width-percent-100"</span><span class="colour" style="color: rgb(128, 128, 128);">></span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(128, 128, 128);"><</span><span class="colour" style="color: rgb(86, 156, 214);">ng-template</span><span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">let-chartOfAccount</span><span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(156, 220, 254);">pTemplate</span><span class="colour" style="color: rgb(212, 212, 212);">=</span><span class="colour" style="color: rgb(206, 145, 120);">"item"</span><span class="colour" style="color: rgb(128, 128, 128);">></span> <span class="colour" style="color: rgb(212, 212, 212);"> {{chartOfAccount.name}}</span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(128, 128, 128);"></</span><span class="colour" style="color: rgb(86, 156, 214);">ng-template</span><span class="colour" style="color: rgb(128, 128, 128);">></span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(128, 128, 128);"></</span><span class="colour" style="color: rgb(86, 156, 214);">p-autoComplete</span><span class="colour" style="color: rgb(128, 128, 128);">></span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(128, 128, 128);"></</span><span class="colour" style="color: rgb(86, 156, 214);">div</span><span class="colour" style="color: rgb(128, 128, 128);">></span> <span class="colour" style="color: rgb(212, 212, 212);"> </span><span class="colour" style="color: rgb(128, 128, 128);"></</span><span class="colour" style="color: rgb(86, 156, 214);">div</span><span class="colour" style="color: rgb(128, 128, 128);">></span>
Hi Support how to assign value and display text in p-autocomplete when edit second form. Cannot display text in p-autocomplete when edit second form.
I'm use: -angular 7 -asp.net core
Source code:
filteredChartOfAccount: NameValueOfString[];
chartOfAccount: any;
html:
<p-autoComplete
id="SingleSelectInput"
name="SingleSelectInput"
field="name"
[(ngModel)]="chartOfAccount"
[suggestions]="filteredChartOfAccount"
(completeMethod)="filterChartOfAccount($event)"
[minLength]="1"
inputStyleClass="form-control"
styleClass="width-percent-100">
<ng-template let-chartOfAccount pTemplate="item">
{{chartOfAccount.name}}
</ng-template>
</p-autoComplete>
.ts:
// get filter
filterChartOfAccount(event): void {
this._chartOfAccountServiceProxy.getChartOfAccountSelectItems(event.query)
.subscribe(chartOfAccountResult => {
this.filteredChartOfAccount = chartOfAccountResult;
});
}
// single select - post
onSelectedChartOfAccounts(): void {
let selectedChartOfAccounts = new Array<NameValueOfString>();
selectedChartOfAccounts.push(this.chartOfAccount);
this._chartOfAccountServiceProxy.sendAndGetSelectedChartOfAccounts(selectedChartOfAccounts)
.subscribe((ChartAccount: NameValueOfString[]) => {
_.forEach(ChartAccount, item => {
this.tax.vatOutChartOfAccountId = parseInt(item.value);
});
});
}
Hi Support
how to assign value and display text when edit form.
I'm use: -angular 7 -asp.net core