Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
148957 | Nov 8,2019 07:50 PM UTC | Nov 12,2019 02:39 AM UTC | ASP.NET Core | 1 |
![]() |
Tags: Grid |
@Html.DropDownListFor(modelItem => item.AssignedTo, Model.AssignmentList, new { onchange = @"UpdateThisItem(this);", @class = "form-control" })
and turn it into the template for a column. I don't want to use the dropdownedit type for the e-grid-column since that requires double-clicking on a row to enter edit mode. I just want a simple drop down with my own css style that I can bind to the row of the table.
Thanks
@(Html.EJ().Grid<object>("Grid") .Datasource((IEnumerable<object>)ViewBag.datasource)
.AllowPaging()
.ClientSideEvents(eve => { eve.TemplateRefresh("refresh"); })
.EditSettings(edit => { edit.AllowAdding().AllowDeleting().AllowEditing(); })
.ToolbarSettings(toolbar =>
{
toolbar.ShowToolbar().ToolbarItems(items =>
{
items.AddTool(ToolBarItems.Add);
items.AddTool(ToolBarItems.Edit);
items.AddTool(ToolBarItems.Delete);
items.AddTool(ToolBarItems.Update);
items.AddTool(ToolBarItems.Cancel);
});
})
.Columns(col =>
{
col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).TextAlign(TextAlign.Right).Add();
col.HeaderText("Employee").Template("#columnTemplate").TextAlign(TextAlign.Center).Width(210).Add();
})
)
<script type="text/x-jsrender" id="columnTemplate">
<input type="text" id="{{:OrderID}}" name="OrderID" value={{:EmployeeID}} />
</script>
<script>
var dropdata = [
{ text: 1, value: 1 },
{ text: 2, value: 2 },
{ text: 3, value: 3 },
{ text: 4, value: 4 },
{ text: 5, value: 5 }];
function refresh(args) {
$(args.cell).find("input").ejDropDownList({
dataSource: dropdata,
fields: { text: "text", value: "value" },
value: args.rowData.EmployeeID,
change: function (args) {
var obj = $('.e-grid').data("ejGrid")
obj.updateRecord("OrderID", { OrderID: obj.model.selectedRecords[0].OrderID , EmployeeID: args.selectedValue })
}
});
} </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.