Telerik Forums
Kendo UI for jQuery Forum
2 answers
159 views
Parameters:  date and type  in method refresh  not working correctly:

1. date - server dosen't  receive any data
2. type - server always receive GET (independently type is setting for POST or GET)




Wladyslaw
Top achievements
Rank 1
 answered on 14 Nov 2013
1 answer
244 views
Having trouble using the navigate function to call a controller that returns json. The call is going to the controller and back to the client side, so I know that is working.


@(Html.Kendo().Scheduler<EPR.Web.Entities.Patient.Appointment>()
                .Name("scheduler")
                .AllDaySlot(false)
                .Date(DateTime.Now)
                .StartTime(new DateTime(2013, 6, 28, 08, 00, 00))
                .EndTime(new DateTime(2013, 6, 28, 18, 00, 00))
                .Editable(false).Views(views =>
                {
                    views.DayView(dayView => dayView.Selected(true));
                })
                .Events(e =>
                {
                    e.Navigate("scheduler_navigate");
                })
                .DataSource(d => d.Read(r => r.Action("ConsultantClinic_Read", "Calendar")))
                .Views(m => m.DayView(d => d.EventTemplate(DayView)))
                .Views(m => m.WeekView(d => d.EventTemplate(DayView)))
                .Views(m => m.AgendaView(d => d.EventTemplate(AgendaView)))
                .BindTo(Model)
                .Resources(resource =>
                {
                    resource.Add(m => m.SourceClinic)
                        .Title("Owner")
                        .DataTextField("Text")
                        .DataValueField("Value")
                        .DataColorField("Color")
                        .BindTo(details);
                })
                .Events(e => e.DataBound("scheduler_dataBound"))
                .Views(m => m.DayView(d => d.EventTemplate(DayView)))
                .Views(m => m.WeekView(d => d.EventTemplate(DayView)))
                .Views(m => m.AgendaView(d => d.EventTemplate(AgendaView)))
                )


Later in the page inside a script element:-

    function scheduler_navigate(e) {

        var date = kendo.toString(e.date, "dd-MM-yyyy");

        $.ajax({
            type: "GET",
            url: "/Calendar/Navigate",
            data:
                {
                    date: date
                }
        })
              .done(function (result) {
                  var scheduler = $("#scheduler").data("kendoScheduler");
                  var dataSource = new kendo.data.SchedulerDataSource({
                      data: [
                          new kendo.data.SchedulerEvent(
                              {
                                  "AppointmentId": 4031761, "AppointmentDate": "2013-11-13T08:50:00", "Status": 0,
                                  "StatusString": "New", "StatusCode": "NW", "AppointmentDateFormatted": "13 Nov 2013 08:50",
                                  "AppointmentDateOnlyFormatted": "13 Nov 2013", "AppointmentTimeFormatted": "08:50",
                                  "Patient":
                                  {
                                      "PatientID": 0, "Casenote": "E101/10101", "Forenames": "Test", "Surname": "Test", "Gender": "F", "DOB": "1900-01-11T00:00:00", "NHSNumber": null,
                                      "DistrictNumber": null, "Age": 81, "Appointments": [], "CurrentAdmission": null, "Allergies": [],
                                      "ContactDetails":
                                      {
                                          "Address": null, "HomeTelephone": null,
                                          "WorkTelephone": null
                                      },
                                      "Medications": [], "Admissions": [], "PatientName": "Test TEST", "PatientNameInGender": "Test TEST (F)", "PatientNameInitial": "T TEST",
                                      "Heading": "Test TEST (F) 11 Jan 1900 ()", "DOBIncAge": "11 Jan 1900 ()", "PatientTemplate": "Test TEST (F) Test TEST (F) 11 Jan 1900 ()"
                                  },
                                  "ClinicCode": "REFCLIN", "SourceClinic": "TestClinic", "AppointmentType": "Planned", "Description": "TestCLIN",
                                  "Consultant": "AA", "End": "2013-11-13T09:10:00", "IsAllDay": false, "RecurrenceException": null, "RecurrenceRule": null,
                                  "Start": "2013-11-13T08:50:00", "Title": "Test TEST (F)"
                              }

                          )
                      ]
                  });

                  scheduler.setDataSource(dataSource);

              });

    }

I know this function is getting fired because I can log it to the console. So it is just down to the databinding, nothing shows up in the view except an empty calendar. No errors either are getting logged.

Any help would be great thanks.
Vladimir Iliev
Telerik team
 answered on 14 Nov 2013
1 answer
484 views
Hi,
A quick question about how your javascript files are structured.  Does the kendo.web.min.js file include all of the features listed in your documentation under the kendo web feature?  Meaning, if I'm using the kendo listview and kendo treeview which javascript files should I reference?  Can I just reference kendo.web.min.js?  Or do I need to reference kendo.treeview.min.js and kendo.treeview.min.js?  Where does kendo.fx.min.js fit into the mix?

Thanks in advance.
Dimiter Madjarov
Telerik team
 answered on 14 Nov 2013
1 answer
142 views
When the user groups by a column, the grid makes an AJAX request.
If that request returns data that is grouped differently than the "current" state of the grid, the grid crashes (see attached images for the crash location and call stack).

Even if the server returned incorrect data, it would still be nice of the grid not to crash, but to fall back gracefully.

But in our particular case, this is NOT cause by the server returning incorrect data.
Instead, it is caused by the grid itself, in connection to another issue we have submitted recently.
If the user is quick enough to change the grouping arrangement several times in a row - say, quickly remove all groups one by one, - the grid initiates a request when the first group is removed and does not drop it when the second group goes away.
Therefore, by the time the first response from the server (containing all groups but one) comes, the user has already removed all groups, and the grid crashes.
Petur Subev
Telerik team
 answered on 14 Nov 2013
9 answers
180 views
Hi,
I have a action button that fire OK. But the issue is it fires the event twice on ios safari browser, once initially and another on a next touch on the screen. This does not happen on my desktop Chrome.

Any help would be much appreciated. Thanks.

<a data-role="button" data-rel="actionsheet" href="#my_received_actionsheet" data-align="right" data-icon="action" >Action</a>


        <ul data-role="actionsheet" id="my_received_actionsheet">
            <li class="km-actionsheet-title">You Action Required : </li>
            <li><a href="#" data-action="my_received_action.confirm">Confirm booking</a></li>
            <li><a data-action="my_received_action.decline">Decline booking</a></li>
            <li><a data-action="my_received_action.mark_as_paid">Mark as paid</a></li>
        </ul>


<script>
        var my_received_action = {
            confirm: function (e) {
                alert("confirm");
            },
            decline: function (e) {
                alert("decline");
            },
            mark_as_paid: function (e) {
                alert("mark_as_paid");
            }
        }
</script>
Ibrahim
Top achievements
Rank 1
 answered on 13 Nov 2013
1 answer
134 views
Hello.

I'm using Kendo Splitter on a page where the user will be able to see 6 Google Maps instances at a time. My Splitter setup is:

  • Have a main Splitter which is a vertical-oriented one with 2 vertical Panes
  • On both panes, there are a horizontal-oriented splitter with 3 horizontal Panes

In my setup, I'm trying to make the layout look like this:

+------------+------------+------------+
|               |               |               |
|               |               |               |
+------------+------------+------------+
|               |               |               |
|               |               |               |
+------------+------------+------------+

But, for some reason I don't know/understand, the vertical Pane divider is missing but still have 6 well-differentiated panes with their respective dividers. Additionally,  I've added a resize function on the main splitter (the vertical-oriented one) so its heigh could fit the actual window size.

Here is the fiddle with an example of what I'm trying to do.


Thanks in advance for your help.

Fernando
Top achievements
Rank 1
 answered on 13 Nov 2013
1 answer
73 views
Hello,

we fill a grid with values (ObservableArray) from a modified DataSource object. When we now change something in the Array it has no effects on the grid. The DataBound event is fired, but the values in the grid stay the same.

Is the MVVM Pattern not possible in the Grid widget?

Best regards
Michael
Alexander Valchev
Telerik team
 answered on 13 Nov 2013
3 answers
187 views
I just started using Kendo today and really appreciating the docs and examples.

However I think found a quite scary regression bug in the grid control.

This jsfiddle is the original working example I found : http://jsfiddle.net/EaNm4/ 
It is based on a 2011 version of the product.
You can click rows with a single click and it will select the row reliably each time.

This is a modified version using the latest 2013 version (yes I realize I'm still using the old stylesheet)
http://jsfiddle.net/jfzxa/
* If you try to click a row it cannot be reliably selected. Sometimes it selects it and sometimes it doesn't
* If you then change selectable to 'multiple row' you can reliably select rows again.

So in summary :
version 2013.1.319 grid control
cannot reliably select rows unless 'selectable' is set to 'multiple row' 

thanks

Nicholas
Top achievements
Rank 1
 answered on 13 Nov 2013
1 answer
509 views
Hi Support Team,

I had a big issue when using KendoListView function on windows 8 platform. The issue is window 8 platform doesn't allow us add dynamic html that contain unsafe code. 

I made a search and found out this link:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465380.aspx

This is extracting from the article:
"Dynamically adding HTMLA page
in your app's local context has more access to the system than other Web pages (or "Web-context pages") do. It can access the Windows Runtime and, depending on the app's permissions, might be able to access the file system and your devices. For this reason, it's important to prevent potentially malicious code from executing.To guard against script injections and help shield your system from potentially malicious code, HTML you inject into a page in the local context is filtered as though it was processed by the toStaticHTML method. Injecting HTML that contains an unknown element, event handler, script or reference to script, or unknown CSS pseudo-element and pseudo-class causes an exception when you try to add the HTML to the page's DOM."

We can work around by placing the block of code in the function MSApp.execUnsafeLocalFunction as following:
MSApp.execUnsafeLocalFunction(function () {
                        var listView = $("#listView").kendoListView({
                            dataSource: localDataSource,
                            selectable: 'single',
                            template: kendo.template($("#CountryListView_template").html())
                        });
                    });

But this method is not good as we must change code of the whole process to make it work. So I need to override the kendoListView function to make it affect for the whole project without much code changes.

I tried this one:

 _kendoListView = $.fn.kendoListView;
 $.fn.kendoListView = function (i) {
       var _this = this;
        MSApp.execUnsafeLocalFunction(function () {
            _kendoListView.apply(_this, arguments);
        });
        
    }

But it doesn't work. Would you please help me how to override this function above. i just want to add the code MSApp.execUnsafeLocalFunction before call KendoListView function. 

Thanks and Best Regards,
Craig,

Alexander Valchev
Telerik team
 answered on 13 Nov 2013
1 answer
188 views
Hi team,

I want create Dynamic templates.In the below link sample showing the static template.
http://jsfiddle.net/kashyapa/hWXuF/embedded/result/
My requirement is  bind the dropdown list dynamically and based on change event bind another control .
Could you please suggest how to crate this type of templates in MVC  and If you have any samples could you please send?
Petur Subev
Telerik team
 answered on 13 Nov 2013
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
TimePicker
DateTimePicker
RadialGauge
ArcGauge
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
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?