We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
|
@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> |
