Telerik Forums
UI for ASP.NET MVC Forum
1 answer
113 views
Hi, I need to filter the Grid through a Client DataSource in client side.
I can filter the grid applying the filter to the grid directly, however it is not possible filter using non visible columns, so I tried to apply a filter the grid adding filter expressions in the ClientDataSource but nothing happens.
For example
    var datasource = $find('MyClientDataSource');
    datasource.get_filterExpressions().add({ fieldName: "MyField", value: "MyValue", operator:Telerik.Web.UI.ClientDataSource.FilterOperator.EqualTo });
    tableView.rebind();

This code doesnt work. It is possible do this kind of filtering?
Ricardo
Top achievements
Rank 1
 answered on 28 Nov 2014
1 answer
128 views
Hi ,

Can we able to use kendo validator in gantt for making validation in the gantt list view while editing?

Regards,
Manoj
Kiril Nikolov
Telerik team
 answered on 28 Nov 2014
1 answer
394 views
I want to print the window contents on window open.  Is there a way to do this?  Thanks.
Dimo
Telerik team
 answered on 28 Nov 2014
1 answer
97 views
Hello.
I tried to find a solution on the forum, but did not find.

I have a treeview with tempate - 

<script id="treeview-template" type="text/kendo-ui-template">
    #: item.text #    
    <span><input class="color" value="1" /></span>
    <a class="k-button appendNodeToSelected" href='\#'>Append node</a>
    <a class='k-button delete-link' href='\#'>Remove node</a>
</script>

input in js I transforamtion to kendo dropdown.

And when I select a node there is an error in the file 'kendo.all.min.js'
error : 
TypeError: e is undefined>....each(function(){var e=i.dataItem(this);e.set("selected",!1),delete e.selected}).

If i remove input, all work OK. Help resolve this problem. Because with this error I can't add Node.







Alex Gyoshev
Telerik team
 answered on 28 Nov 2014
1 answer
103 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
90 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
177 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
139 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
141 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
242 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
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
MediaPlayer
TileLayout
DateInput
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
Cynthia
Top achievements
Rank 1
Iron
Jesse
Top achievements
Rank 2
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Jesse
Top achievements
Rank 2
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?