Telerik Forums
UI for ASP.NET MVC Forum
1 answer
1.1K+ views
Please see the attached screenshot.

This only happens when we have both the virtual scrolling and the height set and then we filter.  It doesn't always happen, usually only after filtering on multiple columns.
@(Html.Kendo().Grid<BulletinModel>()
                .Name("Grid")
                .Editable(ed => ed.Mode(GridEditMode.PopUp).Window(w => w.Width(950)))
                .Selectable()
                .Scrollable(scrollable => scrollable.Virtual(true))
                .Sortable()
                .HtmlAttributes(new { @style = "height: 600px;" }))
Is there any way around this behavior?  Maybe setting the scrollable height on one of the containers?
Dimo
Telerik team
 answered on 17 Sep 2013
4 answers
290 views
Hello,

I have some troubles about resources in scheduler, so I come here to find some help.
I want to make a scheduler for some employees. For a better readability, I would like that every user's event has a unique color. Colors are stored in database, on with all User's data. So I decided to use Resources to do this.

However, when I define a remote loading for resources, then scheduler raise on error (see below) and stop working.
Here is Razor code :

@(Html.Kendo().Scheduler<EventViewModel>()
          .Name("calendar")
          .Date(DateTime.Now)
          .Timezone("Etc/UTC")
          .Views(v =>
          {
              v.DayView();
              v.WeekView(conf => conf.Selected(true));
              v.MonthView();
              v.AgendaView();
          })
          .DataSource(source => source
              .Model(conf =>conf.Id(f => f.EventId))
              .AutoSync(true)
              .Read("GetAllEvents", "Activity")
              .Create("CreateEvent", "Activity")
              .Destroy("DestroyEvent", "Activity")
              .Update("UpdateEvent", "Activity")
          )
        .Resources(resources => resources.Add(m => m.Creator)
            .Title("User")
            .DataTextField("Name")
            .DataValueField("UserId")
            .DataColorField("Color")
            .DataSource(source => source
                .Read(read => read.Action("GetUsersList", "Activity"))))
)

If I remove .Resources() part, all is working great. Defining some static resources (with .BindTo(new[]{...})) works well too, but this way is not handy.
Finally, when I want to define a resources section with remote loading, I got the following error messages in FireFox :

TypeError: t is undefined @ /Scripts/kendo/2013.2.716/kendo.all.min.js:31
TypeError: n.slice is not a function @ /Scripts/kendo/2013.2.716/kendo.all.min.js:11


Users list is perfeclty loaded in my page. Here is GetUsersList() code :
public ActionResult GetUsersList([DataSourceRequest] DataSourceRequest request)
{
    var items = from x in db.Users
                        select new {x.UserId, Name = x.FirstName + " " + x.LastName, x.Color};
    return Json(items.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}

One thing I notice is that, when resources are loaded up, scheduler does not trigger any loading for events. I'm not yet used to scheduler helper, so it's not really easy to understand what issue is.

Thanks you for your help.

Best Regards,
Claude
Claude
Top achievements
Rank 1
 answered on 17 Sep 2013
3 answers
1.2K+ views
Hello all,

I am relatively new to the Kendo UI suite, so I need some assistance in an application I'm working on.  I'm using Visual Studio 2010, MVC3.  I will do my best to explain my situation and the problem I'm trying to solve.

I'm trying to handle the login process for my application using a popup window that is raised by a link in the main browser window.  On my main screen, I have an Html.ActionLink that opens the view for the logon page (screen shot #1).  This is a simple view with one link.  The logon view contains the definition for the Kendo window, so the username/password entry screen is then presented as a modal popup (attached screenshot #2).  When the logon link on the main page is clicked, the Kendo window opens as a popup without any issues, and I can enter the user and password.   If the entered user and password is correct, the popup closes and the controller code redirects the user to the application's main menu of options in the browser window, as expected.  The problem arises when the user/password fails validation, because the popup window still closes, and the resulting "invalid login" message is displayed in the main browser window.  I'm trying to keep the popup open after the submission, and display the error within the popup, so the user can try again (simulated in screen shot #3).

All of the logic for the Kendo window definition exists in the logon view, not the main view.  Also, I'm not sure which pieces of code to post in helping to clarify this, but I will gladly do so if it helps me to resolve the problem.  So, in a nutshell, how do I keep my logon popup window open and have it receive the results of an invalid user/password submission, rather than have it close and the results sent to the main browser window.

Thanks in advance,
Bob

Daniel
Telerik team
 answered on 17 Sep 2013
1 answer
112 views
I like the ImageUploader.

So can I use it on its own ?

I was thinking maybe hide the editor and have a button which would exec the appropriate command to open the ImageUploader control.  
So effectively it would work as an image file manager.

Is  this possible ?
Iliana Dyankova
Telerik team
 answered on 17 Sep 2013
2 answers
243 views

We have a page with Kendo UI grid and simple search field with Kendo UI Autocomplete inititated on it. Search field has a placeholder "Type resource key".

On any version of internet explorer, when user navigates grid using pagination, the "GetResourceValues" function, that populates grid, gets search field's placeholder value as request parameter:

sort=&page=2&pageSize=25&group=&filter=&language=-&searchKeyword=Type+resource+key&resourceType=

While in other browsers the request looks like this:

sort=&page=3&pageSize=25&group=&filter=&language=-&searchKeyword=-&resourceType=

This leads to empty grid results after using pagination. Can it be Kendo UI bug?

Here is part of the code:

@(Html.Kendo().Grid<ResourceViewModel>()
          .Name("resourcesList")
          .Events(e => e.DataBound("handleDataBound"))
          .Pageable()
          .Resizable(resizable => resizable.Columns(true))
          .ClientDetailTemplateId("resourceDetailsTemplate")
          .DataSource(dataSource => dataSource
                                        .Ajax()
                                        .Events(events => events.Error("errorHandler"))
                                        .ServerOperation(true)
                                        .Batch(false)
                                        .Model(model => model.Id(res => res.Id))
                                        .Create(create => create.Action("CreateResource", "Resources"))
                                        .Update(update => update.Action("UpdateResource", "Resources"))
                                        .Destroy(destroy => destroy.Action("DeleteResource", "Resources"))
                                        .Read(read => read.Action("GetResources", "Resources").Data("searchCriteria"))
                                        .PageSize(25))
          .Sortable()
          .Scrollable()
          .ToolBar(factory =>
                   factory.Template(@<text>
        <div class="k-grid-toolbar-row">
            <input id="resourceSearch" class="k-grid-toolbar-search-field" />
        </div>
    </text>)))

<script>
    $(document).ready(function () {
        var autocompleteSymbol = $("#resourceSearch").kendoAutoComplete({
            dataTextField: "Key",
            minLength: 2,
            dataValueField: "Key",
            filter: "contains",
            placeholder: "Type resource key",
            dataSource: {
                type: "json",
                transport: {
                    read: "Resources/GetAutoComplete",
                    maxRows: 50000
                }
            },
            change: filterResources
        });
    });
</script>

Paulius
Top achievements
Rank 1
 answered on 16 Sep 2013
1 answer
100 views
I want to use the mvc wrappers grid filter to select a sub group of data, and then use that data to send a sms. How do access that data using  on the server?
Thanks
Nikolay Rusev
Telerik team
 answered on 16 Sep 2013
1 answer
241 views
I have a list view that supports viewing and deleting attached files.  That works just fine.  The problem I am having is when I try to add a new file to the list.  I have a custom editor template for the AttachedFile object, but when the editor runs the Model passed into it is empty.  I have specified a default value on the field that I need to access in editor template, which I would assume would be passed to the editor.  

Here is my ListView:
@(Html.Kendo().ListView<AttachedFile>()
    .Name("attachedFilesListView")
    .TagName("div")
    .ClientTemplateId("attachedFilesTemplate")
    .DataSource(dataSource => dataSource
        .Model(model => {
            model.Id(f => f.AttachedFileID);
            model.Field(f => f.EntityTableKey).DefaultValue(Model.CorrectiveActionItemID);
        })
        .Read(read => read.Action("Files_Read", "CorrectiveActionItem", new { correctiveActionItemId = Model.CorrectiveActionItemID }))
        .Destroy(destroy => destroy.Action("Files_Delete","CorrectiveActionItem"))
        .PageSize(4)
    )
    .Pageable()
    .Editable()
)
Here is my EditorTemplate:
@model AttachedFile
 
@(Html.Kendo().Upload()
    .Name("files")
    .Async(a => a.Save("SaveFile", "CorrectiveActionItem", new { correctiveActionItemId = Model.EntityTableKey })
    .AutoUpload(true))
)
The problem is the Model.EntityTableKey is empty in the editor.  

What am I doing wrong?  Shouldn't the default value be passed to the editor template?
Steton
Top achievements
Rank 1
 answered on 13 Sep 2013
3 answers
1.5K+ views
Hello,

I have a combobox that I want to implement server filtering on - I have followed the example in the demo but I cannot get the filter to work, the items bind correctly upon selecting the dropdown but the autocomplete filter doesn't filter.   The filter works perfectly clientside but not when I implement serverfiltering.   Am I missing something on the controller end?

My View Code:
@(Html.Kendo().ComboBoxFor(model => model.AffectedUser)
      .Placeholder("Choose One...")
      .DataTextField("Text")
      .DataValueField("Value")
      .Filter(FilterType.Contains)
      .AutoBind(false)
      .DataSource(dataSource => dataSource
              .Read(read => read.Action("GetUserList", "User"))
              .ServerFiltering(true)
      ))
My Controller Code:
public class UserController : Controller
    {
        public JsonResult GetUserList(string group, string filter)
        {
            var items = new List<SelectListItem>();
            for (int i = 1; i <= 500; i++)
            {
                items.Add(new SelectListItem { Value = i.ToString(), Text = "John"});
            }
 
            items.Add(new SelectListItem { Value = "Jane", Text = "Jane" });
 
            return Json(items.AsEnumerable(), JsonRequestBehavior.AllowGet);
        }
    }
Thanks,
Carrie

Carrie
Top achievements
Rank 1
 answered on 13 Sep 2013
1 answer
623 views
Hi,

I have a datepicker on my cshtml view.  I'm creating it with the following line (which I'm using elsewhere successfully):
@Html.Kendo().DateTimePicker().HtmlAttributes(new { @id = "fltBeginDate" }).Value(DateTime.Now).Format("MM/dd/yyyy")
When the view tries to load, I get the following error:
Value cannot be null.
Parameter name: key

StackTrace:
   at System.Collections.Generic.Dictionary`2.FindEntry(TKey key)
   at System.Collections.Generic.Dictionary`2.TryGetValue(TKey key, TValue& value)
   at System.Web.Mvc.ModelStateDictionary.TryGetValue(String key, ModelState& value)
   at Kendo.Mvc.UI.InputComponentExtensions.GetAttemptedValue[T](IInputComponent`1 instance)
   at Kendo.Mvc.UI.Html.DatePickerHtmlBuilderBase.Build()
   at Kendo.Mvc.UI.DateTimePicker.WriteHtml(HtmlTextWriter writer)
   at Kendo.Mvc.UI.WidgetBase.ToHtmlString()
   at Kendo.Mvc.UI.Fluent.WidgetBuilderBase`2.ToHtmlString()
   at System.Web.HttpUtility.HtmlEncode(Object value)
   at System.Web.WebPages.WebPageBase.Write(Object value)
   at ASP._Page_Views_PlantDeclaration_Index_cshtml.Execute()

Any help is appreciated!

Thanks,

Eddie
Georgi Krustev
Telerik team
 answered on 13 Sep 2013
5 answers
214 views
Hi,

I'd like to report a few possible issues with the asp.net mobile framework. I'm saying possible, as I'm not sure if my application is setup completely correctly.
  1.  Whenever my .ServerNavigation is set to true, the transitions between views (i.e. "fade") stops working. It just flicks between pages without any effect.
  2. I'm trying to implement a drawer in one of my views, but this does not seem to work either when the .ServerNavigation is set to false. It seems to duplicate my url, so that the application does not quite understand where to navigate. I.e. when ServerNavigation is set to true, my links look like the following: "http://localhost/Stimline.Xplorer.Mobile/UnitDetails/Index/1#/". Both the drawer and "back" button seems to work correctly with this in place. Now, if i change my ServerNavigation to false, the link will look like the followng after presssing the "back" button once and navigate back to the view again with a link: "http://localhost/Stimline.Xplorer.Mobile/UnitDetails/Index/1#/Stimline.Xplorer.Mobile/UnitDetails/Index/1". As a result of this, both my drawer and "back" button stops working.
Here's my MobileApplication() as defined in my shared _Layout.cshtml:
@(Html.Kendo().MobileApplication()
.ServerNavigation(false)
          .Transition("fade")
          .HideAddressBar(true)
          .Skin("flat")
          )
And here's my "drawer" layout:
@(Html.Kendo().MobileLayout()
       .Name("drawer-layout")
       .Header(obj =>       
            Html.Kendo().MobileNavBar()
                .Content(navbar =>
                    @<text>
                    @(Html.Kendo().MobileButton()
                            .Align(MobileButtonAlign.Left)
                            .Icon("drawer-button")
                            .Rel(MobileButtonRel.Drawer)
                            .Url("#my-drawer")
                    )
 
                    @navbar.ViewTitle("")
 
                         @(Html.Kendo().MobileButton()
                            .Align(MobileButtonAlign.Right)
                            .Text("Back")
                            .HtmlAttributes(new { @class = "nav-button" })
                            .Url(Url.RouteUrl(new { controller = "home" }))
                    )
 
                </text>)
        )
      )

Petyo
Telerik team
 answered on 13 Sep 2013
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
Dialog
MultiColumnComboBox
DropDownTree
Checkbox
Slider
Switch
Notification
Accessibility
ListView (Mobile)
Pager
Security
ColorPicker
DateRangePicker
Wizard
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
SmartPasteButton
PromptBox
SegmentedControl
LLM Kit
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?