Telerik Forums
UI for ASP.NET MVC Forum
1 answer
168 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
173 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
281 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
86 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
214 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
12 answers
732 views

Hi, I am using Kendo for ASP.Net MVC version 2015.2.264 using the Blue Opal theme.  I have a grid defined with 

 .Selectable(Sub(s) s.Mode(GridSelectionMode.Multiple))

and editing defined as 

.Editable(Sub(e) e.Mode(Kendo.Mvc.UI.GridEditMode.InCell))

 

When I edit a text cell in the grid, the cell foreground colour is white as is the cell background colour resulting in not being able to see the cell contents.

Is this an oversight?  How should I resolve this (without applying my own css style if possible)?

I have attached a picture which shows this.

David
Top achievements
Rank 1
 answered on 10 Aug 2015
2 answers
53 views

I have a Kendo grid with drop down lists  and its prefectly working but a one problem....

my grid field Values doesn't change to drop down list new "selected index"..

my Kendo Grid:

@(Html.Kendo().Grid<marsyeh.Models.MarsyehGridVM>()
        .Name("3-Grid")
        .Columns(columns =>
        {
            columns.Bound(C => C.id).Hidden(true);
            columns.Bound(C => C.Maddah).ClientTemplate("#=Maddah.Name#");
            columns.Bound(C => C.Massum).ClientTemplate("#=Massum.Name#");
            columns.Bound(C => C.Tem).ClientTemplate("#=Tem.Name#");
            columns.Bound(C => C.Event).ClientTemplate("#=Event.Name#");

            columns.Command(C => { C.Destroy().Text("حذف"); }).Width(200);
        })
        .ToolBar(toolbar =>
        {
            toolbar.Save();
        })
        .Filterable()
        .Editable(editable => editable.Mode(GridEditMode.InCell))
        .Pageable()
        .Groupable(g => g.Messages(M => M.Empty("برای گروه بندی؛ عنوان ستون مورد نظر را به اینجا Drag کنید ")))
        .Navigatable()
        .Sortable()
        .Reorderable(re => re.Columns(true))
        .DataSource(dataSource => dataSource
            .Ajax()
           .Batch(true)
            .ServerOperation(true)
            .PageSize(10)
            .Events(events => events.Error("error_handler"))
                .Model(model =>
                {
                    model.Id(p => p.id);
                   
                })
                .Read(read => read.Action("SeeMarsyeh2", "Marsyehs"))
            .Update("EditByGrid", "Marsyehs")
            .Destroy("DeleteByGrid", "Marsyehs")

        )
)

********

and one of My Drop Down Editor :

@model marsyeh.Models._Tem
@(Html.Kendo().DropDownList().Name("Tem2DropDown")
.DataTextField("Name")
.DataValueField("id")
.DataSource(D => D
    .Read(Read => Read.Action("ForDropDownList", "Tems"))
)
)

And I Used "  [UIHint("Tem2DropDown")]" in model to relating column with Editor and it worked ...

 

iman
Top achievements
Rank 1
 answered on 09 Aug 2015
2 answers
107 views

I have an editor template set up, used in conjunction with a kendo grid.  It contains two drop-downlists which use templates and value templates to display images as well as text.

 The model contains an ID, which is a foreign key to a separate table, where the images are pulled from. The drop-down source controller creates the image path, and passes this to the drop-down list.

The mark up of one of the drop-downs  is:-

 

<p>
 
 
                    <span class="fieldlabel2">Trend:</span>@(Html.Kendo().DropDownList()
                      .Name("Trend")
                     .OptionLabel("Select trend")
          .DataValueField("ID")
          .DataTextField("ImageDescription")
 
        .DataSource(src => src.Read(rd => rd.Action("GetTrendsList", "MetricsInput")))
        .Template("#=ImagePath#<span style='margin-left:5px;'>#=ImageDescription #</span>")
        .ValueTemplate("#=ImagePath#<span style='margin-left:5px;'>#=ImageDescription #</span>")
                    )
                </p>

 

When used for editing existing records, the drop-downs work fine. However the insert button on the grid is used, a javascript error is thrown, complaining about 'ImagePath' being undefined.

 If the ValueTemplate is commented out, the drop-downs and the edit form work.

What do I need to do to fix this?

 

Thanks

AP
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 07 Aug 2015
4 answers
253 views

Hi.

i've grid, like in your example - http://demos.telerik.com/aspnet-mvc/grid/hierarchy.

but there'is two moments:

1. child grid with some foreign key columns (it's work without #2)

2. child grid is editable (it's work without #1)

if 1 and 2 instead, then in chrome browser's console Uncaught SyntaxError: Unexpected token ILLEGAL

Is It Posible to work with #1 and #2 ?

Boyan Dimitrov
Telerik team
 answered on 07 Aug 2015
8 answers
108 views

I have a data of about 1000 rows, about a dozen columns wide that I am populating to a grid.  However the grid data looks all jumbled for a few seconds before the grid is transformed and formatted the way it should.  Is there anyway to hide or fix this?

 

 

Boyan Dimitrov
Telerik team
 answered on 07 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
Licensing
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
DateTimePicker
AppBar
BottomNavigation
Card
FloatingActionButton
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
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?