1

Kendo網格中可以使用Kendo MaskedTextBox嗎?如果是這樣,怎麼樣?KendoGrid內部的MaskedTextBox

我正在使用MaskedTextBox的編輯器模板。

@model object 

@Html.Kendo().MaskedTextBoxFor(m => m).Mask("(000) 000-0000") 

Kendo網格有一個電話字段,它使用MaskedTextBox,但它不抓住掩碼。

@(Html.Kendo().Grid(new ContactViewModel[] { }) 
     .Name("ServiceLocationContactsGrid") 
     .Columns(column => 
     { 
      column.ForeignKey(c => c.ContactTypeId, (System.Collections.IEnumerable)ViewData["contactTypes"], "ContactTypeId", "Description").EditorTemplateName("GridForeignKey"); 
      column.Bound(c => c.LastName).Width(700); 
      column.Bound(c => c.FirstName); 
      column.Bound(c => c.Title); 
      column.Bound(c => c.EmailAddress); 
      column.Bound(c => c.TelephoneNumber).EditorTemplateName("Telephone"); 
      column.Bound(c => c.TelephoneExtension); 
      column.Bound(c => c.FaxNumber).EditorTemplateName("String"); 
      column.Command(command => { command.Edit().Text(" ").UpdateText(" ").CancelText(" "); command.Destroy().Text(" "); }).Width(180).Visible(!ViewBag.ReadOnlyView); 
     }) 
      .ToolBar(toolBar => 
      { 
       if(!ViewBag.ReadOnlyView) toolBar.Create().Text("Add New Contact"); 
      }) 
     .Sortable() 
     .Filterable() 
     .Editable(editable => editable.Mode(GridEditMode.InLine)) 
     .DataSource(dataSource => 
      dataSource 
      .Ajax() 
      .ServerOperation(false) 
      .Model(model => 
      { 
       model.Id(c => c.ContactId); 
       model.Field(c => c.ContactId).Editable(false); 
      }) 
      .Create(create => create.Action("CreateContact", "Contact")) 
      .Update(update => update.Action("UpdateContact", "Contact")) 
      .Read(read => read.Action("ListContacts", "Contact")) 
      .Destroy(destroy => destroy.Action("DestroyContact", "Contact")) 
     ) 
    ) 

回答

0

製作編輯模板之後,你應該把它放在你想要的細胞。 編輯模板

@(Html.kendo()。MaskedTextBoxFor(M => M),請將.Name( 「測試」)。掩碼( 「00/00/000」))

,那麼你應該把你的在網格編輯模板:

columns.Bound(x=>x.test).EditorTemplateName("Test"); 

此代碼爲我工作

+0

很高興幫助你:) –

-1

您可以設置要在編輯器模板中使用的屬性的ui提示,例如,

[UIHint( 「您的模板在這裏」)

公共字符串YourMaskedProperty {獲取;集;}

+0

我試過了,並沒有奏效。 '[UIHint(「Telephone」)] public string TelephoneNumber {get;組; }' –

+0

我認爲你的編輯器模板位於一個名爲EditorTemplates的文件夾中,或者是它所屬的視圖或共享視圖文件夾。 –

+0

是的,電話模板位於Views/Shared/EditorTemplates文件夾中。 –