Telerik Forums
UI for ASP.NET MVC Forum
1 answer
105 views
I have a grid using InLine edit mode with the Command buttons Edit and Delete in column 0.   When I add a new row I need the focus to change go column 1 (0 is the buttons).   Right now the focus goes to the Update button and it takes 2 tabs to move to column 1.   How can I move focus to column 1?

I have tried the following and it does not work.

        $('#grid').find('td').eq(0).removeClass("k-state-selected").removeClass("k-state-focused");
        $('#grid').find('td').eq(1).addClass("k-state-selected").addClass("k-state-focused").addClass("gridFieldEdit");
        $("#grid_active_cell")

or

        var grid = $("#grid").data("kendoGrid");
        theCell = $('#grid tbody td:eq(1)');
        grid.current(theCell);

Help!

Thanks in advance for your help.

Kiril Nikolov
Telerik team
 answered on 28 Nov 2014
1 answer
91 views
Was just running through some documentation.  Found that the "Example - enable client data processing (Razor)" section of the Ajax binding documentation has an error in the placement of the .ServerOperation(false).  (http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/grid/ajax-binding)

The example code should read:

@(Html.Kendo().Grid<KendoGridAjaxBinding.Models.Product>()
  .Name("grid")
  .DataSource(dataSource => dataSource
    .Ajax()
    .ServerOperation(false) // <== This is not an available option of .Read.  Should be above and must apparently be after .Ajax
    .Read(read => read
      .Action("Products_Read", "Home") // Set the action method which will return the data in JSON format
      .Data("productsReadData")
      )
  ) <snip>

Couldn't find a more appropriate place to enter this
Dimiter Madjarov
Telerik team
 answered on 27 Nov 2014
1 answer
180 views
May I know how to add or edit record which have more fields than display in the grid. i.e.: in the grid, it display name, phone, email but when click edit button, we can edit another fields too. 
Dimiter Madjarov
Telerik team
 answered on 27 Nov 2014
3 answers
142 views
May I know how to do it in MVC? Previously, I have used a custom popup template. Something like javascript code below.

editable: {    mode: "popup",    template: kendo.template($("#popup_editor").html())}
Dimiter Madjarov
Telerik team
 answered on 26 Nov 2014
1 answer
142 views
Hello...

I have a Ajax grid, like that :

@(Html.Kendo().Grid<EmployeeVM>().Name("grid")
  .Columns(columns =>  {
      columns.Bound(model => model.Id).Hidden(true);
      columns.Bound(model => model.First);                              
      columns.Bound(model => model.Email);                          
   })
   .Groupable(y => y.Enabled(true))
   .Sortable(x => x.SortMode(GridSortMode.MultipleColumn))
   .Pageable(x => x.PageSizes(true).Messages(messages => messages.Empty("")))
   .DataSource(dataSource => dataSource
      .Ajax()     
      .PageSize(10)
      .Model(model => model.Id(p => p.Id))
      .Read(read => read.Action("List", "Employee").Type(HttpVerbs.Post)))


The javascript generated included the datasource type 'aspnetmvc-ajax':
...
"dataSource":{"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})()
...

I dont want that. I´d like to takeoff that type. 
How can I change/takeoff the automatic type generated?

Ty
Daniel
Telerik team
 answered on 26 Nov 2014
3 answers
247 views
Hello,

I have kendo scheduler with adaptive rendering and works fine on android and ios browsers if i edit an event by tapping and then save or cancel and editor closed. the scheduler view refreshes without problem. Problem happens when i have a default eventid and i popup edit window using editEvent in scheduler_databound .
function scheduler_dataBound(e) {      

        var start = kendo.format('{0:d}', this.view().startDate());
        var end = kendo.format('{0:d}', this.view().endDate());
        var rootDir = "@Url.Content("~/")";
        $.ajax({
            url: rootDir + "Scheduler/LoadEventID",
            async: false,
            cache: false,
            timeout: 30000,
            success: function (state) {
               // alert(state);
                if (state) {
                    var eventuid;
                    var model = $("#scheduler").data("kendoScheduler").dataSource;
                    var event = model.get(state);
                    $("#scheduler").data("kendoScheduler").editEvent(event);
                   
                }
            }
        });       
    
    }

Works fine on desktop browsers. On tablet phone browsers this opens the correct event with all details. But when i save or cancel and edit window is gone there is just a gray area. I do not see the scheduler unless i reload page. If i call scheduler read and refresh that does not help

Thanks

Anamika
Georgi Krustev
Telerik team
 answered on 26 Nov 2014
3 answers
155 views
Hi,

I would like to show a different template for the day and the week view of my scheduler. This works correctly when setting the 'AddDayEventTemplate' on the view. However when I change this to use 'AddDayEventTemplateId' (and reference the appropriate script tag) it doesn't show the template and just shows the default event template.

My code is:

<script id="day" type="text/x-kendo-template">
    <p>Day event #=title#</p>
</script>
 
 
<script id="week" type="text/x-kendo-template">
   <p>Week event #=title#</p>
</script>
 
 
@(Html.Kendo().Scheduler<SurveyPortal.Web.ViewModels.ScheduleViewModel>()
    .Name("adminScheduler")
    .Editable(e=>e.Destroy(false).Resize(false))
    .Views(v=>{
        v.DayView(m => m.ShowWorkHours(true).AllDayEventTemplateId("day"));
        v.WeekView(m => m.ShowWorkHours(true).AllDayEventTemplateId("week"));
        v.MonthView(m => m.Selected(true));
    })
    .Resources(r=>{
        r.Add(m => m.ItemType)
            .Title("ItemType")
            .DataValueField("ItemType")
            .DataTextField("Text")
            .ValuePrimitive(false)
            .BindTo(new[] {
                new {Text = "Survey", Value = Model.ScheduleItems},
                new {Text = "Request", Value = Model.ScheduleItems }
            });
    })
    .WorkDayStart(9, 0, 0)
    .WorkDayEnd(18, 0, 0)
    .DateHeaderTemplate("#=kendo.toString(date,'ddd dd/MM')#")
    .MajorTimeHeaderTemplate("#=kendo.toString(date, 'H:mm' )#")
    .BindTo(Model.ScheduleItems)
    .HtmlAttributes(new { @class = "crm_scheduler" })
)

If someone could let me know how to resolve that, it would be much appreciated.

Becky
Alexander Popov
Telerik team
 answered on 26 Nov 2014
3 answers
898 views
Hi Team,

       I have Two Issues..
      1 )     How to Reload whole Gantt  After Insert and Update .. By default it  refresh only inserted  and updated row . I need to update All the rows for some) condition and refresh the gantt after insert and upload.. 
          
      2)    Move,MoveStart, MoveEnd Events are not Triggered while dragging the row..

Thank You ..
Kiril Nikolov
Telerik team
 answered on 26 Nov 2014
5 answers
79 views
I just upgraded from Q2 to Q3 and our grids are all now showing an extra row in the header. Is this a styling issue? I recall something in the change log about multi-row headers, but I didn't expect it would be on by default.

http://screencast.com/t/bpaJ2rJ6l
Dimiter Madjarov
Telerik team
 answered on 26 Nov 2014
2 answers
112 views
Latest build.


I noticed that some grids column resizing no longer works.  It took a while to figure out why some worked and some not.

It seems that if the grid has a .ClientDetailTemplateId() defined - the column resizing no longer works?

Rosen
Telerik team
 answered on 26 Nov 2014
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
ComboBox
Upload
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
Accessibility
ListView (Mobile)
Pager
ColorPicker
DateRangePicker
Wizard
Security
Styling
Chat
DateInput
MediaPlayer
TileLayout
Drawer
SplitView
Template
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
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
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?