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

Hi,

 I am using Kendo.Mvc 2015.1.408.545

How can I use TypeScript / jQuery to set the values on a MultiSelect when Ajax and ServerFiltering are used as the DataSource?  I know the value and text as they have been saved to the database previously.  How can I set the values?  This is before user has used the MultiSelect to retrieve data using server filtering.

                      @(form.FormGroup().CustomControls(
                            Html.Kendo().MultiSelectFor(x => x.PKeys)
                            .HtmlAttributes(new { tabindex = "5" })
                            .Deferred()
                            .Name("pMultiSelect")
                            .AutoBind(false)
                            .DataTextField("Name")
                            .DataValueField("PKey")
                            .Filter(FilterType.StartsWith)
                            .MinLength(2)
                            .Placeholder("[All]")
                            .DataSource(source =>
                            {
                                source.Read(read => read.Action("AjaxFilterSearch", "P")
                                    .Data("pMultiSelectReadData"));
                                source.ServerFiltering(true);
                            })

                       ).LabelFor(x => x.PKeys))

I have tried JSON, string arrays, strings, using the MultiSelect.value() will not display what is in "Name" field.

 

Thanks very much

Gavin
Top achievements
Rank 1
 answered on 08 Dec 2015
2 answers
276 views

I am looking at the Context Menu demo at http://demos.telerik.com/aspnet-mvc/menu/context-menu

There are several buttons that are part of the context menu such as Reply, Reply All, Forward, etc.  However, they do not do anything so I do not see anything in the demo or anywhere else that demonstrates how you would wire this up to make a working application.

The first thing I am trying to figure out is if you wanted the reply button to work, how would you get the data from the row that the user is clicking on?

I tried something like this:

items.Add()
                .Text("Reply")
                .ImageUrl(Url.Content("~/content/web/toolbar/reply.png"))
                .Items(children =>
                {
                    children.Add().Text("Reply To Sender").ImageUrl(Url.Content("~/content/web/toolbar/reply.png")).Action("Reply", "WebMail", Model);
                    children.Add().Text("Reply To All").ImageUrl(Url.Content("~/content/web/toolbar/reply.png")).Action("ReplyAll", "WebMail", Model);
                });

Of course it doesn't work because Model would refer to the page's model.  How would I pass in data from the model that is applied on the row level?

The row level model for the demo is Kendo.Mvc.Examples.Models.WebMail.  Can you pass in this model or data from this model into the action link so that when the user clicks reply you can get the data for the mail item they clicked on?  Or if you accomplish this via javascript on the select event, is there an example somewhere of how that would be done?

Paul Grothe
Top achievements
Rank 1
 answered on 08 Dec 2015
1 answer
86 views

Earlier today I ran into a problem with the application I'm working on and found the same behavior in the demo page for the splitter.

In a splitter with 2 panes, move the splitterbar between the two panes. Add a third pane to the right hand side and move the splitterbar between the second and third pane. Close the third pane and move the splitterbar between the first two panes again.

If you add a pane to the right hand side again, it will have a width of 0. The demopage will show a splitterbar on the right side, outside of the splitter-div, which allows you to adjust the width and make the thrid pane visible.

In my application, the splitter fills up the screen to the edge on the right side, so in my case, the splitbar will be invisible as well.

How can I fix this?

Iliana Dyankova
Telerik team
 answered on 08 Dec 2015
3 answers
372 views

I am attempting to use model values to determine which controls should be visible or not when the popup opens.

When I attempt to access the values of the model in order to decide my course of action, the values are always the same, as if the model has not been instantiated with values.

How do I access those values from the popup??

 Here is the code for the popup:

@model BlueWebApp.Models.Note
 
<div style="height: 240px;">
    <div class="editor-label">
        @Html.HiddenFor(model => model.NoteID)
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.NoteHeader)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.NoteHeader, new { style = "width: 80%" })
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.NoteText)
    </div>
    <div class="editor-field">       
        @Html.TextAreaFor(model => model.NoteText, new { style =  "height: 100px; width: 80%" })
    </div>
    <div class="editor-field">
        @Html.CheckBoxFor(model => model.NoteIsFile)
    </div>
    <div class="editor-field">
        @Html.HiddenFor(model => model.NoteFileGuid)
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.NoteFileName)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.NoteFileName, new { @readonly = "readonly" , style = "width: 80%" } )
    </div>
    <div class="editor-field">
        @Html.HiddenFor(model => model.NoteFileExtension)
    </div>
    <div class="editor-field">
        @Html.HiddenFor(model => model.GroupGuid)
    </div>
    <div class="editor-field">
        @Html.HiddenFor(model => model.ModelGuid)
    </div>
    <div class="editor-field">
        @Html.HiddenFor(model => model.CreatedDate)
    </div>
    <div class="editor-field">
        @Html.HiddenFor(model => model.UpdatedDate)
    </div>
    <div class="editor-field">
        @Html.HiddenFor(model => model.UpdatedUser)
    </div>
</div>
<div>
    @(Html.Kendo().Upload()
        .Name("files")
         
        .Events(events => events.Success(
        @<text>
        function(e)
        {
            if(e.operation == 'upload')
            {
                $('#NoteFileGuid').val(e.response.guid);
                $('#NoteFileGuid').trigger('change');
     
                $('#NoteFileExtension').val(e.response.extension);
                $('#NoteFileExtension').trigger('change');
                 
                $('#NoteFileName').val(e.response.fileName);
                $('#NoteFileName').trigger('change');
            }
            else if (e.operation == 'remove')
            {
                $('#NoteFileGuid').val('');
                $('#NoteFileGuid').trigger('change');
 
                $('#NoteFileExtension').val('');
                $('#NoteFileExtension').trigger('change');
 
                $('#NoteFileName').val('');
                $('#NoteFileName').trigger('change');
            }
        }
        </text>))
         .Multiple(false)
         .Async(a => a.Save("Save", "Note")
                      .Remove("Remove", "Note", new { guid = Model.NoteFileGuid, extension = Model.NoteFileExtension })
                      .AutoUpload(true)
        )
)
 
</div>
<br />
 
<script>
    var model = @Html.Raw(Json.Encode(Model)); 
     
    alert (model.NoteID); //Always 0
    alert (model.NoteIsFile); // Always false
     
    if(model.NoteIsFile)
    {
        $(".k-upload").show();
    }
    else
    {
        $(".k-upload").hide();
    }
 
        $("#NoteIsFile").change(function () {
 
        if(this.checked) {
            $(".k-upload").show();
        } else {
            $(".k-upload").hide();
        }
    });
 
 
</script>

 

Here is the Grid Model:

Model(m =>
            {
                m.Id(p => p.NoteID);
                m.Field(p => p.NoteIsFile);
            })

I realize that there are other similar threads, but I have not been able to deduct any reasonable solution to my issue from them.
Georgi Krustev
Telerik team
 answered on 08 Dec 2015
5 answers
329 views

Hi,

I'm using a modified version of the custom confirmation window described here.

It works very well but sometimes I need to cancel dataSource.sync for certain grids (I'm using the ASP.NET MVC server wrapper).

I tried to use the RequestStart event of the DataSource and do a e.preventDefault() but this does not works and the request reaches the server code.

Can you help me, please?

Viktor Tachev
Telerik team
 answered on 07 Dec 2015
7 answers
403 views

I'm trying to parse out RecurrenceRule in SQL to get actual occurrences. Is there a component that would do that for me? I'm trying to build a query that would return all appointment occurrences similarly DDay.iCal works in C#.

 

 

 

Please I've already tried Telerik's recurrenceEngine.dll and it's not working. I was told that this component only works with RAD Scheduler. Here is the thread: 

http://www.telerik.com/forums/sql-reporting-display-all-recurring-appointments#CrfU3SbKNEOrM_GiLOj9Sg​

Georgi Krustev
Telerik team
 answered on 07 Dec 2015
3 answers
295 views
In c# , I am trying to set font for individual characters of string.

Below is my code that I use with Kendo Grid to display tree node text which displays some count in brackets. 

Example Customer1(**20**). Here I want to bold and color count.

     Name = EmpDb.Description + ((EmpDb.Cust.Count() > 0) ? "(" : "") +
                                  ((EmpDb.Cust.Count() > 0) ? EmpDb.Cust.Count().ToString() : "") +
                                 ((EmpDb.Cust.Count() > 0) ? ")" : "")

I tried below to bold, but it did not work and I got html tags in string. 

     Name = EmpDb.Description + ((EmpDb.Cust.Count() > 0) ? "(<b>" : "") +
                                  ((EmpDb.Cust.Count() > 0) ? EmpDb.Cust.Count().ToString() : "") +
                                 ((EmpDb.Cust.Count() > 0) ? "</b>)" : "")

Thank you.
Dimiter Topalov
Telerik team
 answered on 07 Dec 2015
5 answers
678 views

I have a kendo grid within a page which is scrollable and grouped by default.  While exporting data the grid data is not completely rendering.  It shows only the partial data within the view.  How to fix this?

 

Stephan
Top achievements
Rank 1
 answered on 04 Dec 2015
7 answers
436 views

I am in the process of preparing Org Chart in MVC diagram. Everything works fine. I just need to have clickable link for every employee rectangle box in diagram.

Also, Diagram have TextBlock,image and etc. Does it have anything like LinkBlock to have link or href block to redirect to something else? please add some code for the same.

 Can we have a scroll bar for the entire diagram to go left and right and top to bottom. Please add some code snippet to scroll the diagram to see all the people instead of zoom by default.

Here is my rectangle that I need to have clickable link.

 

  g.append(new dataviz.diagram.Rectangle({
            width: 320,
            height: 125,
            stroke: {
                width: 0
            },
            fill: {
                gradient: {
                    type: "linear",
                    stops: [
                        {
                            color: dataItem.ColorScheme,
                            offset: 0,
                            opacity: 0.5
                        }, {
                            color: dataItem.ColorScheme,
                            offset: 1,
                            opacity: 1
                        }
                    ]
                }
            }
        }));​

T. Tsonev
Telerik team
 answered on 04 Dec 2015
1 answer
177 views

Hello,

 

I'm trying to use empty row template in server model binding and it does not work. Using Ajax call for collection everything works ok. It is possible to define empty row template for server binding.

 

Cheers,

Marcin Kurtz

Alexander Popov
Telerik team
 answered on 04 Dec 2015
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?