Telerik Forums
UI for ASP.NET MVC Forum
1 answer
244 views

By default drag and drop files works excellent for chrome browser if the cursor is exactly over the kendo upload widget. Important - this widget is used in my application not in async mode. But when then cursor is not over kendo upload control the default action is triggered. I've blocked this by the simple code below.

$(document).on("dragover drop", function (e) {
    if (e.target.type != "file") {
        e.stopPropagation();
        e.preventDefault();
    }
});

Instead of blocking I want to change this. so when I drag file over any control in my webpage it will add a file to my kendo upload control. I've found the below solution, but this works only for one file.

$(document).on("dragover drop", function (e) {
    e.stopPropagation();
    e.preventDefault();  // allow dropping and don't navigate to file on drop
}).on("drop", function (e) {
    var dataTransfer = e.originalEvent.dataTransfer;
    $("input[type='file']").prop("files", dataTransfer.files); // put files into element
});

 

Definition of this widget is simple.

<div class="zalaczniki-files">
    @Html.Label("Opis załączników:")
    @Html.TextBox("linkDesc")
    @(Html.Kendo().Upload()
            .Name("files")
            .Multiple(true)
            .Messages(m => m.Select(linkCaption)))
</div>

 

Please - help.

 

Regards

Jaśkowiec Józef

Rekord

 

Dimiter Madjarov
Telerik team
 answered on 21 Apr 2016
1 answer
142 views
is there any server side MDX query builder like this client side one?
http://docs.telerik.com/kendo-ui/controls/data-management/pivotgrid/how-to/access-mdx-query
Georgi Krustev
Telerik team
 answered on 21 Apr 2016
2 answers
37 views

So, I have tried this a bunch of different ways to no result.  My need is I have a Grid filled with some Employees.  You can do the normal things with that Employe object.  Also, I want to have a Custom Command for "Edit Roles" which would popup a different EditablePopupGrid that also uses a ClientTemplate for just the Employee.Roles collection.

Can I accomplish this?  My grid is using Ajax currently. 

 

Radoslav
Telerik team
 answered on 21 Apr 2016
1 answer
75 views

Hi!

I need fill a tooltip with a list in a request json called from kendo grid reader, i show examples for one link or only one data, my problems is how i can get kendo data request from jquery o JavaScript or if there are other simple mode because i havent got model or other view variables, only the cast object for kendogrid it has the list in one property.

 

Thanks for your time.

Dimiter Topalov
Telerik team
 answered on 20 Apr 2016
2 answers
200 views

This is my Model bound view which works. 

What I need to be able to do is select a row from this grid and get its id, the id is in the vaultNidurstodur class.

From what I have gathered is that I need to use ajax, when I change from server to ajax I just get an empty grid.

How would I go about changing this to ajax ?

 

@model IEnumerable<VaultLeitarvefur.Models.VaultNidurstodur>
    <div class="col-xs-1">
        @(Html.Kendo().Grid<VaultLeitarvefur.Models.VaultNidurstodur>(Model)
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(p => p.Verkefni).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key01).Width(150);
        columns.Bound(p => p.Verkefnisnumer).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key02).Width(100);
        columns.Bound(p => p.NanariStadsetning).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key03).Width(100);
        columns.Bound(p => p.EfniTeikningar).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key04).Width(100); ;
        columns.Bound(p => p.Teikninganumer).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key08).Width(100); ;
        columns.Bound(p => p.Utgafa).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key13).Width(100); ;
        columns.Bound(p => p.DagsetningUtgafu).Title(VaultLeitarvefur.Models.VaultNidurstodur.Key14).Format("{0:dd/MM/yyyy}").Width(100); ;
        //columns.Bound(p => p.file.Name).Filterable(false);
        columns.Bound(p => p.Id).Filterable(false).Visible(false);
        columns.Bound(p => p.File.Name).Title("Heiti").Width(100); ;
        columns.Bound(p => p.File.ModDate).Format("{0:dd/MM/yyyy}").Title("Breytingardags").Width(100); ;
    })
    .Events(events =>
              events.Change("row_change") // handle the "change" event
          )
    .DataSource(dataSource => dataSource
        .Server()
        .PageSize(40)
        .Model(model => model.Id(p => p.Id))
    )
    .Selectable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .HtmlAttributes(new { style = "height:750px;width:1800px;" })
        )
    </div>

 

I have a controler action

 

        public ActionResult Index()
        {
            List<VaultNidurstodur> returnList = CacheList();

            return View(returnList);
        }

that finds and returns a list of results.

Regards,

Emil

 

Emil
Top achievements
Rank 1
 answered on 20 Apr 2016
1 answer
185 views

Here is the example.

I need 1,2,3 step tab strip validation.

http://demos.telerik.com/aspnet-ajax/tabstrip/examples/application-scenarios/wizard/defaultcs.aspx

Dimiter Madjarov
Telerik team
 answered on 20 Apr 2016
2 answers
522 views

We are using SignalR binding within our grids to display column information. One thing we would like to do is show custom markup such as a web video. How would we go about displaying a video or custom markup within a Kendo Grid Column? Specifically in the code columns.Bound(p => p.Message) below?

I'm thinking I may need to use a client template, but so far I haven't been able to get it to work.

@(Html.Kendo().Grid<DSTDBContext.Models.Core.Notification>()
 .Name("NotificationHomeGrid")
.HtmlAttributes(new { style = "height: 99%;" })
.Scrollable(o => o.Height("height: 100%;"))      
.Resizable(resizable => resizable.Columns(true))
.Filterable(ftb => ftb.Mode(GridFilterMode.Row))
.Sortable(sort => sort.SortMode(GridSortMode.MultipleColumn))
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Pageable(pageable => pageable
.Refresh(true)
.Enabled(false)
.PageSizes(false))
.Columns(columns =>
{
columns.Bound(p => p.Id)
.Title("Actions")
.Width(65)
.Filterable(false)
.Sortable(false)
.ClientTemplate("<i class=\"fa fa-exclamation-circle fa-lg\"></i>");
columns.Bound(p => p.NotificationDate)
.Title("Date")
.Width(250)
.Filterable(false)
.Sortable(false)
.ClientTemplate("");

columns.Bound(p => p.Message)
.Title("Notification")
.Width(300)
.Sortable(true)
.Filterable(false);
})

.DataSource(dataSource => dataSource
.SignalR()
.AutoSync(true)
.Events(events => events.Push("onPush"))
.Sort(s => s.Add("CreatedAt").Descending())
.Transport(tr => tr
.Promise("notifyHubStart")
.Hub("notifyHub")
.Client(c => c
.Read("Read")
.Update("Update")
.Create("Create"))
.Server(s => s
.Read("Read")
.Update("Update")
.Create("Create")))
.Schema(schema => schema
.Model(model =>
{
model.Id(p => p.Id);
model.Field("NotificationDate", typeof (DateTime));
model.Field(p => p.Message);
}
)
)
)
)

Milena
Telerik team
 answered on 20 Apr 2016
1 answer
136 views

Sample from RegistrationModel

1.public int Status      {get; set;}
2.public string Batteries    {get; set;}   
3.public List<Batteries> BatteriesList     {get; set;}

    

 

Sample from Grid

1..Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("EditRegistration"))

 

Sample from popup editor template

01.<h2>Batteries</h2>
02.@{
03.   if(Model.BatteriesList != null)
04.   {
05.    <ul>
06.        @foreach(var x in Model.BatteriesList)
07.        {
08.        <li>x.Selection</li>
09.        }
10.    </ul>
11.   }
12.}

 

  • Model.BatteriesList is always null when the popup renders on-screen.
  • I know the BatteriesList is filled with data.
  • The other fields in my Editor Template show data.
  • Not sure what I am missing here.

Can you assist?

 

 

 

 

 

 

 

 

 

           

Dimiter Madjarov
Telerik team
 answered on 20 Apr 2016
2 answers
314 views

Hello,

I want to use Datasources' schema parse but i cant find any where how it use.

Ivan Danchev
Telerik team
 answered on 20 Apr 2016
1 answer
226 views
I'm using Kendo grid in a MVC project. The first column is a checkbox which defines by ClientTemplate:

    .Columns(columns =>
        {
            columns.Bound(c => c.Checked).ClientTemplate(@"<input type='checkbox' class='checkbox' />").Width(50).Title("");
            columns.Bound(c => c.Id).Hidden();
            columns.Bound(c => c.FirstName);
            columns.Bound(c => c.LastName);
            columns.Bound(c => c.Company);  
        })
        
What I want to have is: before click the header, it looks like the 1st screen shot. then make changes to the checkbox, click the header again, it will sort the row by the checkbox status, see screen shot 2.

I tried to set the 1st column sortable, but all others not sortable. Still not works. I think it is because when the data binds to the grid, c.Checked is always false. Now, if we click the checkbox, it does not change the value of that. That's why the sort does not work for this column.

How to make this work?


Thanks

Konstantin Dikov
Telerik team
 answered on 19 Apr 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?