Questions on Kendo UI for jQuery Forum

4 answers

463 views

Cant get KendoScheduler working in my html page

All -

I have included
     <script type="text/javascript" src="Scripts/jquery_1.9.1.js"></script>
    <script type="text/javascript" src="Scripts/Kendo/kendo.web.min.js"></script>
    <script type="text/javascript" src="Scripts/Kendo/kendo.scheduler.min.js"></script>

but still, the following code would throw error saying the KendoScheduler is not found..
(JavaScript runtime error: Object doesn't support property or method 'kendoScheduler')

All kendo files are from kendoui.web.2013.2.716.open-source release...

Could any one tell me what am i missing?

<div id="scheduler"></div>
$(document).ready(function () {
            $("#scheduler").kendoScheduler({
                date: new Date(),
                dataSource: [
                                {
                                    id: 1,
                                    start: new Date("2013/6/6 08:00 AM"),
                                    end: new Date("2013/6/6 09:00 AM"),
                                    title: "Interview"
                                },
                                {
                                    id: 2,
                                    start: new Date("2013/6/6 08:00 AM"),
                                    end: new Date("2013/6/6 09:00 AM"),
                                    title: "Meeting"
                                }
                           ]
            });
        });

Scheduler

answered on 31 Jul 2013

1 answer

131 views

loading animation

hi guys.
i use kendo mobile and kendo web in my apps.
i have noticed that loading animations are disappeared when loading ajax contents. can someone point me why is that happens?
i tried to put app.showLoading() in request start of the datasource and app.hideLoading() in the requestEnd event but it is ignore my commands.
regards maor

General Discussions

answered on 31 Jul 2013

1 answer

307 views

Using box-shadow together with a listView (not inset) or data-role="content"

I'm trying to use box-shadow inside a KendoUI Mobile view, but I'm unable to make it work. Below is the code, but no shadow is shown underneath the "shadowClass" paragraph as long as it's followed by a content div or a listView that's not inset. If I remove the listView and the content-div the shadow is shown.

Is it possible to achieve the bottom shadow effect together with a listView?

The view:

<div data-role="view" data-layout="app" data-title="test" id="pageTest">

<div class="shadowClass">

<p style="font-weight: normal;">

Some explanation text goes here.

</p>

</div>

<div data-role="content">

<ul id="listview-program"></ul>

</div>

The CSS:

.shadowClass {

background-color: yellow;

-moz-box-shadow: 1px 5px 9px #000000;

-webkit-box-shadow: 1px 5px 9px #000000;

box-shadow: 1px 5px 9px #000000;

}

A jsFiddle: http://jsfiddle.net/zsRFL/1/

General Discussions

answered on 31 Jul 2013

1 answer

94 views

working with forma data using php

im using php to access data in mysql database but i would like to store form data into my database using php and how do i select username and password using php in a form created kendoui...thanks in advance.

<?php
$link = mysql_pconnect("localhost", "root", "") or die("Unable To Connect To Database Server");
mysql_select_db("db") or die("Unable To Connect To ebusticket");

$request_vars = Array();
parse_str(file_get_contents('php://input'), $request_vars);

$arr = array();
$fname = $request_vars["fname"];
$lname = $request_vars["lname"];

$rs = mysql_query("insert into table (Pass_Surname, Pass_Fname) values ('" .$lname. "' , '" .$fname. "'");

if ($rs) {
echo json_encode($rs);
}
else {
header("HTTP/1.1 500 Internal Server Error");
echo "Insert Failed";

}

// add the header line to specify that the content type is JSON
header("Content-type: application/json");
?>

General Discussions

answered on 31 Jul 2013

3 answers

86 views

Latest update breaks JQuery UI

The latest kendo update has changed jquery and now it errors in IE10 when trying to parse regex of the form /*anything*/x

Where x is a var

General Discussions

answered on 31 Jul 2013

1 answer

84 views

Set Different widths for different drop downs on the same screen

I need to Set 3 drop downs with different widths, they all have common css, how do we go about doing this?? Kind of urgent any help will be much appreciated.

DropDownList

answered on 31 Jul 2013

1 answer

905 views

Manually open the autocomplete suggestion and refresh the data

I just have a simple needs, building intellisense feature for my app, got everything working but the KendoUI autocomplete doesn't have open method to manually open the popup when the user type ".",

see the sample code, see line 41 (where I need to manually open the autocomplete) and line 51 , replace the suggestion list

01.var tree = GetTheListOfSuggestionFromSomewhere();

02.var data = _.chain(tree)

03. .map(function (t) {

04. if (t.parent === "")

05. return t.name;

06. return undefined;

07. })

08. .filter(function (t) {

09. return typeof t !== "undefined";

10. })

11. .value();

12.

13.console.log(data);// this log out array of string

14.

15.var dataSource = new kendo.data.DataSource({

16. data: data

17.});

18.var input = $(element).data("kendoAutoComplete") ||

19. $(element).kendoAutoComplete({

20. dataSource: tree,

21. dataTextField: "path",

22. change: function () {

23. var path = this.value();

24. console.log("selected path ", path);

25.

26. },

27. filter: "startswith",

28. placeholder: "Select path...",

29. separator: ""

30. }).data("kendoAutoComplete");

31.

32.$(element)

33. .change(function () {

34. value($(this).val());

35. console.log("new value", value());

36. })

37. .val(value())

38. .on("keydown", function (e) {

39. if (e.which === 110 || e.which === 190) {

40. var path = $(this).val() + ".";

41. console.log("show the auto complete", path);

42. var filtered = _.chain(tree)

43. .filter(function (t) {

44. return t.parent === path;

45. })

46. .map(function (t) {

47. return t.name;

48. })

49. .value();

50. console.log(filtered);

51. //input.setDataSource(dataSource);

52. dataSource.data(filtered);

53. input.refresh();

54. }

55. });

AutoComplete

answered on 31 Jul 2013

3 answers

4.3K+ views

DatePicker set value incorrectly

Guys,

I want to set DatePicker a new value in a different function from where I define the DatePicker. Right now, I do like this:

function A() {
    $("#Date").kendoDatePicker({ min: new Date($('#TodaysDate').val())});
}

function B() {
    var NewDate = kendo.toString(this.value(), 'MM/dd/yyyy');
    $("#Date").val(NewDate);
}

It turns out that the date appears in the dialog is correct, but the date highlighted in the calendar is wrong. It's just like enter a new date in the dialog but doesn't press the Enter. Anyone has any idea how to fix it?

Thanks!

DatePicker

answered on 31 Jul 2013

1 answer

114 views

Error viewing very simple page

Hi,

I'm trying to use the Combobox on a very simple form and it works fine in Firefox. However, if I try and view the page in IE, I get the following error:

Unhandled exception at line 3, column 23238 in http://cdn.kendostatic.com/2013.1.514/js/jquery.min.js
0x80020003 - JavaScript runtime error: Member not found.

I'd be grateful if someone might help me understand how to troubleshoot.

Thanks!

ComboBox

answered on 31 Jul 2013

0 answers

133 views

no Html.Kendo().CheckList ?

Starting with Kendo and coming from base MVC 4. There doesn't seem to be a Kendo checkbox available. How do people account for consistent styling with checkboxes, radio buttons, etc... that Kendo does not provide?

Grid

asked on 30 Jul 2013