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

Hi,

I've been searching for an answer for this for the last 3 hours and can't even find an explanation if this isn't possible. I have a Grid where I've replaced the row Guid's with .Model(model => { model.Id(p => p.OrderID);}). In one of my columns, I've added a button in a Client template, this column needs to be bound to a value. When the user clicks the button I've made in the Client Template, I need both this value and the OrderID that I've replaced the Guid with, to get the row and thus the row's data. Of course I can't set the Id of the Client Template html control because you only allow to input a raw string for that. At the same time, you don't allow a single column to be bound to multiple fields. I've seen .Bound(p=> new {X = p.y, Y= p.z}) but that won't work.

Any help on this? This seems to be a common feature that is needed. Only being able to bind to one thing, and not being able to get the selected row through events.Change() (because I need the event to fire on the specific cell button click, not just clicking anywhere on the row)  seems like a major failure on the part of the Grid control in general.

Dimiter Madjarov
Telerik team
 answered on 12 Aug 2015
2 answers
327 views

I want to divide one aggregate by another.

Take these aggregates

Aggregates(Sub(aggregates)
                           aggregates.Add(Function(p) p.Total).Min().Max.Count()
                           aggregates.Add(Function(p) p.Total).Average()
                           aggregates.Add(Function(p) p.Total).Sum()
                           aggregates.Add(Function(p) p.Enrolments).Average()
                           aggregates.Add(Function(p) p.Enrolments).Sum()
                           aggregates.Add(Function(p) p.StudentEvents).Average()
                           aggregates.Add(Function(p) p.StudentEvents).Sum()
                           aggregates.Add(Function(p) p.Products).Average()
                           aggregates.Add(Function(p) p.Products).Sum()
                           aggregates.Add(Function(p) p.Male).Sum()
                           aggregates.Add(Function(p) p.Female).Sum()
                           aggregates.Add(Function(p) p.Students).Sum()
                   End Sub).

I want to do something like this below, note "sum / Students " where sum is the sum of enrolments and students is the sum of students, is this possible? thanks

 

columns.Bound(Function(p) p.Enrolments).Format("{0:C}").
                        ClientFooterTemplate("Avg #= kendo.toString(sum / Students ,'C')#<br />Total #= kendo.toString(sum ,'C')#").
                        ClientGroupFooterTemplate("<div>Avg #= kendo.toString(sum / Students ,'C')#</div><div>Total #= kendo.toString(sum ,'C')#</div>")

 

 
 
 
Alan Mosley
Top achievements
Rank 1
 answered on 12 Aug 2015
3 answers
263 views

Hi,

I have a Telerik MVC extension project that register customer js file as follow:

        <%= Html.Telerik().ScriptRegistrar().Globalization(true)
                          .DefaultGroup(group => group
                                                .Add("RingScripts.js")
                                                )
            %>   

 â€‹After converting it to Kendo project, I find that RingScripts.js is not registered and so javascript functions can not be called. I'd like to know how to register customer js file in Kendo.

Thanks.

Alexander Popov
Telerik team
 answered on 12 Aug 2015
1 answer
105 views

Hi Team,

I would like to plot the stack area chart with one series in transparent colour, so that the plotband should be visible with actual colour.

 

 $("#chart").kendoChart({
                title: {
                    text: "Browser Usage Trends"
                },
                legend: {
                    position: "bottom"
                },
                seriesDefaults: {
                    type: "area",
                    stack: true
                },
                series: [{
                    name: "Chrome",
                    data: [0, 0, 0, 0, 3.6, 9.8, 22.4, 34.6]
                },{
                    name: "Firefox",
                    data: [0, 23.6, 29.9, 36.3, 44.4, 46.4, 43.5, 37.7]
                },{
                    name: "Internet Explorer",
                  color:"#ffffff",
                    data: [76.2, 68.9, 60.6, 56.0, 46.0, 37.2, 27.5, 20.2]
                },{
                    name: "Mozilla",
                    data: [16.5, 2.8, 2.5, 1.2, 0, 0, 0, 0]
                }],
                valueAxis: {
                 
                    labels: {
                        format: "{0}%"
                    },
                    line: {
                        visible: false
                    },
                    axisCrossingValue: -10,
                    max: 100
                    
                },
                categoryAxis: {
                   plotBands: [{
                    from: 2,
                    to: 4,
                    color: "#00ffff",
                    opacity: 0.3
                }],
                    categories: [2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011],
                    majorGridLines: {
                        visible: false
                    }
                },
                tooltip: {
                    visible: true,
                    format: "{0}%",
                    template: "#= series.name #: #= value #%"
                }
            });
        }​

Iliana Dyankova
Telerik team
 answered on 12 Aug 2015
1 answer
132 views

Hi,
    If you have a model say

public class Category {
 public int Category_Id {get;set;}
 public string Category_Name {get;set;}
 public int? Parent_Category_Id {get;set;}
}

 and you set the Model in the datasource of the treelist to

.Model(m =>
            {
                m.Id(f => f.Category_id);
                m.ParentId(f => f.Parent_Category_Id);
                m.Expanded(true);
 
            })

Then the Parent_Category_Id is replaced with ParentId so when you view the datasource data items the property Parent_Category_Id is no longer there on any items. This causes problems when trying to update,edit etc as the real Parent_Category_id is never passed but instead a ParentId is.

Surely m.ParentId(f => f.Parent_Category_Id); should be just mapping this property and not replacing it.

 

 

 

 

 

 

Nikolay Rusev
Telerik team
 answered on 11 Aug 2015
1 answer
163 views

Hi,

I have implemented the virtual scrolling using the kendo combobox in my mvc project and when I ran it on firefox version 39.0.3 it worked very well. But when i open the list and scroll using mouse wheel or click on the scroll bar down arrow then after few items the selection goes back to the first item. So i tried to open your example site using this link http://demos.telerik.com/aspnet-mvc/combobox/virtualization and it behaved in the same way in firefox. So can you please provide me the solution to fix this issue.

Here are the steps to reproduce it.

1) Open this http://demos.telerik.com/aspnet-mvc/combobox/virtualization link in firefox

2) Click on the drop arrow to see the list of items in the drowdown

2) Scroll using mouse wheel or click on the scroll bar down arrow. after few records the selection will jump again to first item.

 

Atanas Georgiev
Telerik team
 answered on 11 Aug 2015
1 answer
166 views

Hello I'm working on a ASP.NET MVC 5 project with the Telerik Scheduler and was hoping to get a little assistance here. I'm not finding too much documentation in regards to Client-Side (JavaScript) filtering. 

In addition to my Scheduler control, I have two additional controls which I would like to use to drive my scheduler: a Dropdown which cascades into a multi- select. (you select a single option from the dropdown, then multiple options in a multiselect).

I need to figure out how to filter my Scheduler control based on both of these, as well as having a default or "fallback" option - if nothing is selected. 

I have this code now, which works great for the multi-select. I had something similar for the dropdown but the issue I was having is when you select an option in the dropdown, I wasn't sure how to get it back to a 'no-selection' or 'default' fallback where it will go back to displaying all events. Also, is it possible to combine these two filters into one, or simplify this further?

   

$("#room").change(function (e) {
  var selected = $.map($("#room :selected"), function (option) {
    return parseInt($(option).val());
  });
 
  var filter = {
    logic: "or",
    filters: $.map(selected, function (value) {
      return {
        operator: "eq",
        field: "RoomID",
        value: value
      };
    })
  };

Thanks

Brandon​

Brandon
Top achievements
Rank 1
 answered on 10 Aug 2015
3 answers
276 views

Greetings!  I have an MVC 5 app using Telerik UI for MVC 2015.2.624.  The key aspects of the grid layout are

@(Html.Kendo().Grid(Model.IssueReportRows.ToList())
    .Name("grid")
    .HtmlAttributes(new { @class = "suppress-borders sticky-table-header clickable-rows" })
    .Pageable(pageable => pageable
        .Enabled(ViewData["RenderMode"] != "PDF")
        .ButtonCount(ConfigVars.GridPagerButtonCount)
        .PageSizes(ChartHelpers.GetPagerChoices(Model.IssueReportRows.Count()))
        )
    .Sortable(sortable => sortable.AllowUnsort(false))
    .Selectable()
    .Events(events => events
        .DataBound("OnDataBound_Issues")
        .Change("OnRowClick")
        )
    .DataSource(dataSource => dataSource
        .Ajax()
        .Sort(sort =>
            {
                sort.Add("ProcedureCategoryName").Ascending();
                sort.Add("Sequence").Ascending();
            })
        .Group(groups => groups.Add(t => t.AuditIssueDescription))
        .Aggregates (aggregates =>
            {
                aggregates.Add(t => t.ProviderName).Count();
                aggregates.Add(t => t.ChartsReviewed).Sum();
                aggregates.Add(t => t.IssuesFound).Sum();
            })
        .ServerOperation(false)
        .PageSize(ViewData["RenderMode"] == "PDF" ? Model.IssueReportRows.Count() : ChartHelpers.GetPageSize(Model.IssueReportRows.Count()))
        )
    .Columns(columns =>
    {
        columns
            .Bound(t => t.AuditIssueDescription)
        columns
            .Bound(t => t.ProcedureCategoryName)
        columns
            .Bound(t => t.SpecialtyCode)
        columns
            .Bound(t => t.ProviderName)
            .ClientGroupFooterTemplate("Providers: #=count#");
        columns
            .Bound(t => t.ChartsReviewed)
            .ClientGroupFooterTemplate("<div class='code-cell suppress-borders'>#=sum#</div>");
        columns
            .Bound(t => t.IssuesFound)
            .ClientGroupFooterTemplate("<div class='code-cell'>#=sum#</div>");
    })
)

My issue is that I need the grid sorted by ProcedureCategoryName + Sequence.  This worked fine until I added the Group and Aggregates - now it sorts by whatever column is specified in Group().  This is a great default, but I have not been able to override the behavior.  I have considered creating an extra column that contains a concatenation of ProcedureCategory and Sequence, but I'm hoping there is a better way.  If not, please let me know how to put the AuditIssueDescription in the Group Header - that seems challenging as well.

Thanks,
Scott

 

Boyan Dimitrov
Telerik team
 answered on 10 Aug 2015
1 answer
84 views

In my chart the text does not appear correctly. I solved doing this:

 

 $("g text").first().attr("x", "10");

 

But probably there is another way. Does anyone knows what can I do?

 

Best regards

Wilton

T. Tsonev
Telerik team
 answered on 10 Aug 2015
1 answer
211 views

It is my understanding if you have a Kendo UI for ASP.NET MVC license it includes Kendo UI Professional.  

I understand Kendo UI Professional is exclusively client side.  Getting any data requires a call from the client to a server and then have a handler that populates a UI element (assuming data is not hard coded).

How do I get the Kendo UI (Professional) libraries?

 Thanks

Kiril Nikolov
Telerik team
 answered on 10 Aug 2015
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
Upload
ComboBox
MultiSelect
ListView
Window
TabStrip
Menu
Installer and VS Extensions
Spreadsheet
AutoComplete
TreeList
Gantt
PanelBar
NumericTextBox
Filter
ToolTip
Map
Diagram
Button
PivotGrid
Form
ListBox
Splitter
Application
FileManager
Sortable
Calendar
View
MaskedTextBox
PDFViewer
TextBox
Toolbar
MultiColumnComboBox
Dialog
DropDownTree
Checkbox
Slider
Switch
Notification
ListView (Mobile)
Pager
Accessibility
ColorPicker
DateRangePicker
Wizard
Security
Styling
Chat
MediaPlayer
TileLayout
DateInput
Drawer
SplitView
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Template
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
DateTimePicker
AppBar
BottomNavigation
Card
FloatingActionButton
Licensing
Localization
MultiViewCalendar
PopOver (Mobile)
Ripple
ScrollView (Mobile)
Switch (Mobile)
PivotGridV2
FlatColorPicker
ColorPalette
DropDownButton
AIPrompt
PropertyGrid
ActionSheet (Mobile)
BulletGraph
Button (Mobile)
Collapsible
Loader
CircularGauge
SkeletonContainer
Popover
HeatMap
Avatar
ColorGradient
CircularProgressBar
SplitButton
StackLayout
TimeDurationPicker
Chip
ChipList
DockManager
ToggleButton
Sankey
OTPInput
ChartWizard
SpeechToTextButton
InlineAIPrompt
TimePicker
StockChart
RadialGauge
ContextMenu
ArcGauge
AICodingAssistant
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?