검도 UI MVC 그리드, 편집 가능한 열

Question

에 대한 autocomplate I 다음 그리드 있습니다

@(Html.Kendo().Grid<OrderLineViewModel>() 
        .Name("gridOrderLines") 
        .HtmlAttributes(new { @class = "responsiveTable" }) 
        .Columns(columns => 
        { 
         columns.Bound(c => c.Id) 
          .Hidden() 
          .ClientTemplate("#= Id #" + "<input type='hidden' name='OrderLines[#= index(data)#].Id' value='#= Id #' />"); 
         columns.Bound(p => p.Code) 
          .ClientTemplate("#= Code #" + "<input type='hidden' name='OrderLines[#= index(data)#].Code' value='#= Code #' />") 
          .EditorViewData(new { ViewBag.Items }) 
          .EditorTemplateName("AutoComplete"); 

         columns.Bound(p => p.Quantity) 
          .Width(150) 
          .ClientTemplate("#= Quantity #" + "<input type='hidden' name='OrderLines[#= index(data)#].Quantity' value='#= Quantity #' />"); 
         columns.Command(c => 
         { 
          c.Destroy(); 
         }).Width(150); 
        }) 
        .ToolBar(toolbar => 
        { 
         toolbar.Create().Text("Add new Product"); 
        }) 
        .Editable(editable => editable.Mode(GridEditMode.InCell)) 
        .Pageable() 
        .DataSource(dataSource => dataSource 
         .Ajax() 
         .PageSize(5) 
         .ServerOperation(false) 
         .Model(model => 
         { 
          model.Id(y => Convert.ToString(y.Id)); 
         }) 
       ) 
      ) 

및 자동 완성

@(Html.Kendo().AutoComplete() 
     .Name("items") 
     .DataTextField("Code") 
     .Filter(FilterType.StartsWith) 
     .Suggest(true) 
     .Placeholder("Select product...") 
     .BindTo(ViewBag.Items) 
     .MinLength(1) 
     .Height(400) 
     .HeaderTemplate("<div class=\"dropdown-header k-widget k-header\">" + 
         "<span>Code </span>" + 
         "<span>Stock</span>" + 
         "</div>") 
     .FooterTemplate("Total <strong>#: instance.dataSource.total() #</strong> items found") 
     .Template("<span class=\"k-state-default\"><h3>#: data.Code #</h3></span>" + 
       "<span class=\"k-state-default\"><p>#: data.Stock #</p></span>") 
) 

그래서 자동 완성 키 입력에 대한 정확한 데이터 나에게 제공에 대해 다음 EditorTemplate을 하지만 항목을 선택하면 입력 필드에 포커스가있는 시간 동안 만 코드가 표시됩니다. 자동 완성 필드에서 포커스를 제거하면 숨 깁니다. 누구든지 아이디어가 어디에서 오는 문제입니까?

Answer 1

편집기 템플릿의 코드를 다음으로 대체하십시오. 희망을 품다

@model string 
@(Html.Kendo().AutoCompleteFor(m=>m) 
    .DataTextField("Code") 
    .Filter(FilterType.StartsWith) 
    .Suggest(true) 
    .Placeholder("Select product...") 
    .BindTo(ViewBag.Items) 
    .MinLength(1) 
    .Height(400) 
    .HeaderTemplate("<div class=\"dropdown-header k-widget k-header\">" + 
        "<span>Code </span>" + 
        "<span>Stock</span>" + 
        "</div>") 
    .FooterTemplate("Total <strong>#: instance.dataSource.total() #</strong> items found") 
    .Template("<span class=\"k-state-default\"><h3>#: data.Code #</h3></span>" + 
      "<span class=\"k-state-default\"><p>#: data.Stock #</p></span>"))