2014-07-09 58 views
0

我有一个关于kendo弹出编辑器图像浏览器功能的问题。我只想将图像路径存储到数据库中,但Kendo似乎想要将完整的图像标签放入数据库中。Kendo网格弹出编辑器图像浏览器

我该如何去使图像浏览器只把路径放入数据库?

这里是图像浏览器自定义模板:

@model com.RomanceCoachOnTheGo.MVC.Models.MaleCategory 

@(Html.Kendo().Editor() 
.Name(ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty)) 
//.Value(Model.Icon) 
.Tools(tools => tools.Clear().InsertImage()) 
.ImageBrowser(imageBrowser => imageBrowser 
    .Image("~/Mobile/Images/{0}") 
    .Read("Read", "ImageBrowser") 
    .Create("Create", "ImageBrowser") 
    .Destroy("Destroy", "ImageBrowser") 
    .Upload("Upload", "ImageBrowser") 
    .Thumbnail("Thumbnail", "ImageBrowser")) 
)  

这是MaleCategory查看:

@{ 
ViewBag.Title = "MaleCategory"; 
Layout = "~/Views/Shared/_Layout.cshtml"; 
} 

@(Html.Kendo().Grid<com.RomanceCoachOnTheGo.MVC.Models.MaleCategory>() 
.Name("MaleCategories") 
.ToolBar(toolbar => 
{ 
    toolbar.Create(); 
}) 
.DataSource(dataSource => dataSource 
      .Ajax() 
      .Model(item => { item.Id(m => m.MaleCategoryKey); }) 
      .Create(c => c.Action("CreateMaleCategory", "Administrator")) 
      .Read(r => r.Action("ReadMaleCategory", "Administrator")) 
      .Update(u => u.Action("UpdateMaleCategory", "Administrator")) 
      .Destroy(d => d.Action("DeleteMaleCategory", "Administrator")) 
     ) 
.Columns(col => 
      { 
       col.Bound(c => c.Title); 
       col.Bound(c => c.Description); 
       col.Bound(c => c.SortOrder); 
       col.Bound(c => c.Icon); 
       col.Command(command => { command.Edit(); command.Destroy(); }).Width(180); 
      }) 
    .Editable(editing => editing.Mode(GridEditMode.PopUp).TemplateName("EditCreateMaleCategory")) 
    .Sortable() 
    .Pageable() 

    .Filterable() 
) 

这里是MaleCategory型号

public class MaleCategory : FiveTalentLookupModelBase 
{ 
    [Key] 
    [ScaffoldColumn(false)] 
    [DisplayName("Male Category")] 
    public Int64 MaleCategoryKey { get; set; } 

    [UIHint("MaleCatIcon")] 
    public String Icon { get; set; } 
} 

下面是引用EditCreateMaleCategory模板:

@model com.RomanceCoachOnTheGo.MVC.Models.MaleCategory 

@Html.HiddenFor(model => model.MaleCategoryKey) 
@Html.HiddenFor(model => model.BusinessActions) 
@Html.HiddenFor(model => model.IsDefault) 
@Html.HiddenFor(model => model.IsActive) 


@*Display Titles*@ 
<div class="editor-label"> 
    @Html.LabelFor(model => model.Title) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.Title) 
    @Html.ValidationMessageFor(model => model.Title) 
</div> 

@*Display Description*@ 
<div class="editor-label"> 
    @Html.LabelFor(model => model.Description) 
</div> 
<div class="editor-field"> 
@Html.EditorFor(model => model.Description) 
@Html.ValidationMessageFor(model => model.Description) 
</div> 

@*Display Sort Order*@ 
<div class="editor-label"> 
    @Html.LabelFor(model => model.SortOrder) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.SortOrder) 
    @Html.ValidationMessageFor(model => model.SortOrder) 
</div> 

@*Display Icon*@ 
<div class="editor-label"> 
    @Html.LabelFor(model => model.Icon) 
</div> 
<div class="editor-field"> 
    @Html.EditorFor(model => model.Icon) 
    @Html.ValidationMessageFor(model => model.Icon) 
</div> 

回答

0

我使用的图像浏览器通过JavaScript而已,但我希望这是相同的:

替换:

.Image("~/Mobile/Images/{0}") 

有了:

.Image("{0}") 
+0

对不起这个花了这么长期以来,还有其他优先事项。我想保留数据库中的全部源属性,所以我想保留“〜/ Mobile/Images/{0}”。我的问题是,当我使用Kendo图像编辑器时,它将“alt”插入DB。我需要删除它,并将其设置为只将src路径放入数据库 –