当前位置: 首页 > 编程语言 > C#

C#LearningTutorial-HowtohaveautocompletefieldinkendoUIgridusingasp.netmvcwrapper分享

时间:2023-04-10 21:36:01 C#

如何使用asp.netmvcwrapper在kendoUI网格中拥有自动完成字段在里面。但是我在网上找不到任何方法。这是我的看法:@(Html.Kendo().Grid()//网格名称.Name("CompanyGrid")//声明网格列.Columns(columns=>{//创建所有基于模型列的列.Bound(r=>r.Name);columns.Bound(r=>r.Telephone);columns.Bound(r=>r.Email);columns.Bound(r=>r.GPS);//编辑和删除按钮列columns.Command(command=>{command.Edit();command.Destroy();}).Width(200);})//声明ajax数据源。//CRUD操作连接回ASPMVCController/ActionegHomeController,GetAll//设置模型Id.DataSource(datasoure=>datasoure.Ajax().Model(model=>model.Id(record=>record.Id)).Read(read=>read.Action("GetAll","Home")).Create(create=>create.Action("Add","Home")).Update(update=>update.Action("Update","Home"))。Destroy(delete=>delete.Action("Delete","Home")).PageSize(10))//添加带有创建按钮的工具栏.ToolBar(toolbar=>toolbar.Create())//设置网格可编辑。.埃德itable(editable=>editable.Mode(GridEditMode.InLine))//设置网格可排序。.Sortable()//设置网格可选。.Selectable().Navigatable()//设置网格可分页。.Pageable(pageable=>{pageable.Refresh(true);pageable.PageSizes(true);}))假设我想显示具有自动完成功能的名称列表,我可以在哪里添加我的代码?我在网上看过很多帖子和帖子,但没有指向asp.netwrappers你可以试试这个:选项#1:如果你想要自动完成来控制从网络服务器加载数据columns.Bound(r=>r.Name).EditorTemplateName("名称自动完成模板");您必须使用与模板名称相同的文件名来创建模板。在此示例中,它是NameAutoCompleteTemplate.cshtml并向其中添加以下代码:@modelstring@(Html.Kendo().AutoCompleteFor(m=>m).DataTextField("Name").Filter(FilterType.StartsWith)。建议(true).DataSource(source=>{source.Read(read=>{read.Action("GetNames","Home");}).ServerFiltering(false);}))其中“Home”是HomeController名称,"GetNames"是控制器上Action的名称。确保在ViewsSharedEditorTemplates目录下添加“NameAutoCompleteTemplate.cshtlm”选项#2:如果您希望razor引擎加载自动完成数据源,那么您不必使用单独的服务来加载数据以自动完成.在这种情况下,您可以将名称设置为ViewModel,或者在我的示例中,我将其设置为ViewBag并将其传递给模板。columns.Bound(r=>r.Name).EditorViewData(new{ViewBag.Names}).EditorTemplateName("NamesAutoCompleteTemplate");在NameAutoCompleteTemplate.cshtml文件中,您必须这样编码:@modelstring@(Html.Kendo().AutoCompleteFor(m=>m).DataTextField("Name").Filter(FilterType.StartsWith).Suggest(true).BindTo(ViewBag.Names)}))希望这有帮助。以上是C#学习教程:Howtousetheasp.netmvcwrappertohaveallthecontentsharedbytheauto-completefieldinthekendoUIgrid.如果对大家有用,需要进一步了解C#学习教程,还望大家多加关注——本文整理自网络,不代表立场。如涉及侵权,请点击右侧联系管理员删除。如需转载请注明出处: