Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
143437 | Mar 20,2019 08:29 AM UTC | Mar 29,2019 04:56 AM UTC | Angular - EJ 2 | 9 |
![]() |
Tags: Grid |
@Component({
selector: 'app-container',
template: `
<ejs-grid #grid [dataSource]='data' [allowPaging]='true'[allowFiltering]='true' [allowSorting]='true' [filterSettings]='filterOptions' [editSettings]='editSettings' (actionBegin)="actionBegin($event)">
<e-columns>
<e-column field='EmployeeID' headerText='EmployeeID' ></e-column>
</e-columns>
</ejs-grid>`
})
export class AppComponent implements OnInit {
actionBegin(args): void {
if (args.requestType === 'save') {
// you can assign external dropdown list value to grid field
args["data"]["EmployeeID"] = ddObj.value;
}
}
}
|
<div class='content'>
<ejs-dropdownlist id="games" dataSource="@ViewBag.DataSource" value="ViewBag.value" placeholder="Select a customer Name" popupHeight="200px">
<e-dropdownlist-fields text="Email"></e-dropdownlist-fields>
</ejs-dropdownlist>
</div>
<div id="ControlRegion">
<ejs-grid id="Grid" dataSource="ViewBag.DataSource" actionBegin="actionBegin" toolbar="@(new List<string>() { "Add","Edit", "Update", "Cancel" })" allowPaging="true">
<e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true" mode="Normal"></e-grid-editSettings>
<e-grid-columns>
<e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" validationRules="@(new { required=true})" textAlign="Right" width="120"></e-grid-column>
<e-grid-column field="Email" headerText="Email" width="150" type="email"></e-grid-column>
</e-grid-columns>
</ejs-grid>
</div>
<Script>
function actionBegin(args) {
if (args.requestType === 'save') {
// we have stored the dropdown value for grid Email field
args.data['Email'] = document.getElementById('games').ej2_instances[0].value;
}
}
</Script> |
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.