jqwidgets-scripts-custom
Version:
jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
24 lines (17 loc) • 1.04 kB
HTML
<div style="height: 30px;"></div>
<span style="margin-top: 6px; font-size: 12px; font-family: verdana; float: left">Customers:</span>
<jqxComboBox [theme]="'material'" #customersComboBox style="margin-left: 5px; float: left"
(onSelect)="customersOnSelect($event)"
[width]="300" [height]="30" [source]="customersAdapter" [valueMember]="'CustomerID'"
[placeHolder]="'Select customer...'" [displayMember]="'CompanyName'">
</jqxComboBox>
<div style="clear: both"></div>
<div style="margin-top: 20px"></div>
<span style="margin-top: 6px; font-size: 12px; font-family: verdana; float: left">Orders:</span>
<jqxComboBox [theme]="'material'" #ordersComboBox style="margin-left: 5px; float: left"
(onSelect)="ordersOnSelect($event)"
[width]="300" [height]="30" [source]="ordersAdapter" [valueMember]="'CustomerID'"
[placeHolder]="'Select order...'" [displayMember]="'OrderID'" [disabled]="true">
</jqxComboBox>
<div style="clear: both"></div>
<div id="orderInfo" style="margin-top: 25px; font-size: 12px"></div>