<input type="button" class="btn btn-default btn-small" value="Attach Image " id="btnAttachImage" onclick="$("#fattach").click();"/> <input id="fattach" type="file" name="files" value="" style="display:none;"/> $("#fattach").change(function () { //alert($("#fattach").val().substring($("#fattach").val().lastIndexOf('\\') + 1)); var attachfile = $('#fattach').val(); attachList(attachfile); }); function attachList(filename) { //debugger; $.ajax({ url: '/VehicleSurvey/UpdateFileList', type: 'POST', data: { fname: filename }, dataType: "json", success: function (result) { var grid = $("#GridFilelist").data("tGrid"); grid.dataBind(result.result); // $('#GridFilelist').data('t-grid').ajaxRequest(); }, error: function () { alert("error"); } }); } @(Html.Telerik().Grid<vehiclesurveyattachmentmodel>() .Name("GridFilelist") .DataKeys(dk => dk.Add(gfl => gfl.RecordNo)) .Columns(column => { column.Bound(f => f.RecordNo).Hidden(true); @* column.Template(@<text><img alt="attachedImage" class="surveyImg" src="@Url.Content("../Images/gui_logo.gif")" /> </text>);*@ column.Bound(f => f.FileName) .ClientTemplate("<img alt='<#= FileName #>' src='" + Url.Content("../Images/") + "<#= FileName #>.jpg' />").Title("Picture"); column.Command(cmd => { cmd.Delete().Text("Remove").ButtonType(GridButtonType.Image); }); } ) .DataBinding(dataBinding => dataBinding.Ajax() .Delete("_AjaxDeleteImage", "VehicleSurvey")) .Footer(false) .HtmlAttributes(new { @style = "width:80%" }) .Scrollable(scr => scr.Height(100)) )
Telerik
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)