Kendo ui KendoUI网格和编辑器
我在试剑道编辑。 我的目标是能够在编辑器中编辑网格行单元格的内容,完成后,用编辑器的内容更新单元格的内容。到目前为止没有成功。 我对这东西不太在行。我是一个后台人员,但被分配了这个任务。 有什么想法吗 这是我的网格Kendo ui KendoUI网格和编辑器,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我在试剑道编辑。 我的目标是能够在编辑器中编辑网格行单元格的内容,完成后,用编辑器的内容更新单元格的内容。到目前为止没有成功。 我对这东西不太在行。我是一个后台人员,但被分配了这个任务。 有什么想法吗 这是我的网格 @(Html.Kendo().Grid<TekstenViewModel.Tekst>() .Name("Grid") .Columns(columns => { columns.Bound(product => pro
@(Html.Kendo().Grid<TekstenViewModel.Tekst>()
.Name("Grid")
.Columns(columns =>
{
columns.Bound(product => product.Naam).Width(100);
columns.Bound(product => product.Waarde).Width(100);
columns.Bound(product => product.Opmerking).Width(250);
columns.Template(@<text></text>).ClientTemplate("<a class=\"delete iconBtn\" onclick=\"onClickDeleteResourceItem(#: ID #, '#: Naam #')\"></a>").Title("").Width(50);
})
.ToolBar(toolbar =>
{
toolbar.Create();
toolbar.Save();
})
.Pageable()
.Sortable()
.Filterable()
.Groupable()
.Navigatable()
.ColumnMenu()
.Editable(editable => editable.Mode(GridEditMode.InCell))
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.Model(model =>
{
model.Id(product => product.ID);
model.Field(product => product.RESOURCE_SET_ID).DefaultValue(Model.SetID);
model.Field(product => product.Type).DefaultValue(Domain.Agromilieu2.Common.Objects.Entities.Resources.ResourceType.GLOBAL_RESOURCES);
model.Field(product => product.Taal).DefaultValue(Domain.Agromilieu2.Common.Agromilieu2Constants.Resources.DEFAULT_TAAL_CODE);
})
.Create(create => create.Action(MVC.BeheerTeksten.ActionNames.ResourceItems_CreateUpdate, MVC.BeheerTeksten.Name))
.Read(read => read.Action(MVC.BeheerTeksten.ActionNames.ResourceItems_Read, MVC.BeheerTeksten.Name, new { setID = Model.SetID }))
.Update(update => update.Action(MVC.BeheerTeksten.ActionNames.ResourceItems_CreateUpdate, MVC.BeheerTeksten.Name))
.Destroy(destroy => destroy.Action(MVC.BeheerTeksten.ActionNames.ResourceItems_Delete, MVC.BeheerTeksten.Name))
)
)
这是我的剧本
@section Scripts
{
@Scripts.Render(Links.Bundles.Scripts.BeheerTeksten.Teksten)
<script type="text/javascript">
function change(e) {
var editor = $("#kEditor").data("kendoEditor")
var entityGrid = $("#Grid").data("kendoGrid");
entityGrid.dataItem(entityGrid.select()) = editor.value();
}
$('#Grid').click(function () {
var entityGrid = $("#Grid").data("kendoGrid");
var selectedItem = entityGrid.dataItem(entityGrid.select());
var editor = $("#kEditor").data("kendoEditor")
editor.value(selectedItem);
});
</script>
}
@节脚本
{
@Scripts.Render(Links.Bundles.Scripts.beheertek.Teksten)
功能改变(e){
var编辑器=$(“#kEditor”).data(“kendoEditor”)
var entityGrid=$(“#Grid”).data(“kendoGrid”);
entityGrid.dataItem(entityGrid.select())=editor.value();
}
$(“#网格”)。单击(函数(){
var entityGrid=$(“#Grid”).data(“kendoGrid”);
var selectedItem=entityGrid.dataItem(entityGrid.select());
var编辑器=$(“#kEditor”).data(“kendoEditor”)
editor.value(selectedItem);
});
}
您到底要编辑哪个属性?我要编辑单元格的内容。单击单元格时,我希望其内容显示在编辑器中。
@section Scripts
{
@Scripts.Render(Links.Bundles.Scripts.BeheerTeksten.Teksten)
<script type="text/javascript">
function change(e) {
var editor = $("#kEditor").data("kendoEditor")
var entityGrid = $("#Grid").data("kendoGrid");
entityGrid.dataItem(entityGrid.select()) = editor.value();
}
$('#Grid').click(function () {
var entityGrid = $("#Grid").data("kendoGrid");
var selectedItem = entityGrid.dataItem(entityGrid.select());
var editor = $("#kEditor").data("kendoEditor")
editor.value(selectedItem);
});
</script>
}