Questions on Kendo UI for jQuery Forum

1 answer

152 views

Hi all,

i'm a bit stuck with the crud functionality in Kendo UI's grid.

My code (see below) generates a populated grid and the neccessary buttons, but i dont seem to be 'binding' the 'save' button to the 'save' functionality in the php file. Can anyone maybe spot what i'm missing please?

Thanks!
Vauneen

dataSource = new kendo.data.DataSource({
                   transport: {
                       read: "data/users.php",
                       create: {
                           url: "data/user_add.php",
                           type: "POST"
                       },
                       save: {
                           url: "data/user_edit.php",
                           type: "POST"
                       } ,
                       parameterMap: function(options, operation) {
                           if (operation !== "read" && options.models) {
                               return {models: kendo.stringify(options.models)};
                           }
                       }
                   },
                   schema: {
                       data: "data",
                       model: {
                           id: "ProductID",
                           fields: {
                               ExpiryDate : { editable: true, type: "date"},
                               EmailAddress : { editable: true, type: "email"},
                               FirstName : { editable: true, type: "text"},
                               SecondName : { editable: true, type: "text"}
                           }
                       }
                   }
               })

$("#grid").kendoGrid({
               dataSource: dataSource,
               columns: [{ field: "ID" }, { field: "ExpiryDate", title:"Expiry Date", format: "{0:yyyy-MM-dd}" }, { field: "EmailAddress" }, { field: "FirstName" }, { field: "SecondName"   } ],
               editable: true,
               toolbar: ["create", "save", "cancel"],
               detailTemplate: kendo.template($("#template").html()),
                detailInit: detailInit
           });

Grid

answered on 05 Mar 2012

1 answer

109 views

Bug

http://demos.kendoui.com/beta/web/editor/index.html

Ok so (this is in FF)...

Put your cursor at the end of "Hyperlink and image dialogs"
Hold Shift press Home to select the row
While still holding shift, press the left arrow
Copy, Ctrl-C
Move the cursor to the end of any other LI row
Paste Ctrl-V

...goes all gimpy with extra UL wrappers

Can replicate, and provide a video if needed...I did have one recorded, but crappy jing hung :/

Editor

answered on 05 Mar 2012

1 answer

80 views

spin event doesn't work. bug?

Hi!

Spin event doesn't work! After click on spinner nothing to do. This is my bug?

For example:

spinEvent = function(e) {
alert('spin!');
};

amount = $("#amount").kendoNumericTextBox({
format: "#,0",
min: 0,
max: 1000000,
step: 1000,
spin: spinEvent
}).data("kendoNumericTextBox");

Sorry for my english.

NumericTextBox

answered on 05 Mar 2012

1 answer

139 views

Editor - Tab Stop Support?

Will tab stop be supported and is it possible to add this support to the editor (like in your Silverlight RadRichTextBox)?

Currently I am using the Silverlight RadRichTextBox because tab stops are supported and this is an extremely important feature to my customers. I would love to convert this to the Kendo UI Editor, but without this support I cannot.

Can you please give me your best answer on this feature? Is it going to be supported at some point and is this possible with HTML? Is it possible with HTML5+?

Editor

answered on 05 Mar 2012

12 answers

148 views

Need Some Help From A JavaScript Guru

Is there a reason why datasource.total() returns "undefined" in IE but works okay in Firefox?

Data Source

answered on 05 Mar 2012

1 answer

91 views

Mobile Safari on iPad?

It doesn't work on my iPad 2, which has iOS 5.0.1. I just see the HTML in a textarea. I see where iOS 5 started supporting contenteditable so I would've thought this would work, but it doesn't for me. TinyMCE is working so it shouldn't be related to any software versions that I have.

Editor

answered on 05 Mar 2012

3 answers

155 views

Unable to render grid with bulky data

hi,

     I have grid component which is contains 4K(4000) records.

     That grid taking time to load 4K data then after few minutes it is showing popup of "Unresponsive script" on IE8 and Firefox 7+.

   Please find attached image for more information.

   Please assist me.

Thanks in advance.

Using Kendo UI Framework Details:
   1. Kendo UI v2011.3.1129
   2. jquery-1.7.1.min.js
   3. jquery-ui-1.8.16.custom.min.js
   4. modernizr-2.0.6.min.js

Grid

answered on 05 Mar 2012

2 answers

177 views

Listview with ActionLink Statement

Hi
I'm using Kendo Mobile UI combined with MVC elements.
All is working well, but In the Kendo Mobile UI Listview Element like (on a page Kendo.cshtml):

<ul data-role="listview" data-style="inset" data-type="group">
<li>
<ul>
<li data-icon="globe"><a>@Html.ActionLink("Test Button (works)", "Button", "Home")</a></li>
<li data-icon="globe">@Html.ActionLink("Test Button (not working)", "Button", "Home")</li>
</ul>
</li>
</ul>

On my iPhone I get:
A) a Listview element which is underlined with no data icon and no arrow ">" (incorrect style)
B) a Listview element with data icon and arrow ">" (correct style)

Both Links are loading the same Button.cshtml file.
The Page is simple and shows the event handling of buttons like the button event example of kendo mobile UI
But only A) one loads the page correctly so that the event are properly handled.
B) loads the page but the events are not fired.

So, at the moment I have to select A) for correct behaviour but "bad" style

What is the correct statement for an action link in a listview showing the dataicon and the arrow
AND the correct behaviour?

Regards, Peter

ListView (Mobile)

answered on 05 Mar 2012

1 answer

125 views

kendo.bind missing....

Hi!

I was try to use MVVM framework in my project, but i have probles. I get javascript error that kendo.bind function missing.
I was try to call this statment inside $(document).ready(function() function.

kendo.bind($("#test"), data);


I have included kendo.all.js.

What coud be wrong?

Thanks in advance

MVVM

answered on 05 Mar 2012

0 answers

106 views

Kendo video datasource

I have tried following the video for datasource.
Attached is the html file I created.
The program displays the data sent from a remote source.
However, whenever I click the create button, the url "weapons.json" is sent, and not "update.json".

I am using the latest Beta release.

Any help would be appreciated.

Peter

Data Source

asked on 04 Mar 2012