Questions on Kendo UI for jQuery Forum

1 answer

91 views

Call function AFTER menu effect has completed

I have a menu that is contained in a slide-in div (using kendo.fx.slidein) and I want to make sure the slidein effect does not play until *after* the menu effect has completed.

Is there a way to ensure that my KendoMenu close event is called after the animation is complete, or to have the close event function handler call the slidein effect asynchronously with the menu effect?

Thanks.

Menu

answered on 05 Mar 2013

2 answers

125 views

Displaying selected values in the dropdown

Hello,

I have a web page with combobox containing some values.
When I click on the dropdown and the list is shown below - the selected value is shown in the end of the list.

Can I change this behavior to display selected value at the top of the list?

Thanks ahead,
Yulia

ComboBox

answered on 05 Mar 2013

3 answers

272 views

Bind column to a computed prperty

I have a grid with several computed columns.I set the computed properties when I change the properties in the grid edit mode . Do I need to use editor template to make a read only column (when I set editable:false it doesn't change according to the new value)?

And I have several computed properties in grid, Is there any other way to make it a generic calculation instead of using if/else for change property name like this,

save: function(data) {

if (data.values.Qty) {
var test = data.model.set("Total", data.values.Qty * data.model.Amt);
}
else {
var test = data.model.set("Total", data.model.Qty * data.values.Amt);
}
}

Is there any event like saved (to get the data.model with changed property has been set)?

And the other issue is when I have several computed fields set like this the save method is called for each calculated field set.

Here is my example,
http://jsfiddle.net/H6tgv/74/

Grid

answered on 05 Mar 2013

1 answer

64 views

Request: BeforeDragStart Event

Is it possible to get a BeforeDragStart event? I need to handle some things before the "hint" is created and I need access to whether ctrl/alt/shift is pressed (which isn't available in the hint function). Thanks!

-Keith

Drag and Drop

answered on 05 Mar 2013

4 answers

117 views

Has anyone converted the old superseded Telerik MVC Themes to Kendo?

I have been producing Telerik MVC Extensions with the Forest theme for several months now. Finally a new project came along and I decided to use Kendo UI Web. The problem is every time I show a demo, I get comments on how much better my peers like the old MVC Forest theme.

Has anyone done the work to recreate the Forest Theme for Kendo Web?

Thanks!

General Discussions

answered on 05 Mar 2013

1 answer

859 views

TypeError: this.set is not a function

HI,

I've got an MVVM form that submits fine, but I can't get the parsing of the incoming JSON to work.

$(document).ready(function() {

var viewModel = kendo.observable({

title:"Mr",

titles:["Mr","Mrs","Ms","Dr","Sir","Prof"],

firstName: "",

lastName: "",

companyName: "",

emailAddress:"",

phone:"",

subject:"Sales Request",

subjects:["Sales Request","Literature Request","Recruitment Question","Comment","Other Request"],

message:"",

agreed: false,

confirmed: false,

hideMain:true,

messageID:"",

register: function(e) {

$.post("http://myurl/myco/tools/email_form.php",{

"title":viewModel.get("title"),

"firstName":viewModel.get("firstName"),

"lastName":viewModel.get("lastName"),

"companyName":viewModel.get("companyName"),

"emailAddress":viewModel.get("emailAddress"),

"phone":viewModel.get("phone"),

"subject":viewModel.get("subject"),

"message":viewModel.get("message")

},

function(data) {

// this is the line that raises the this.set error

// vvvvvvvvvvvvvvvvvvvvvvvvvvvv

this.set("messageID", data.message);

// ^^^^^^^^^^^^^^^^^^^^^^^^

console.log(data.message);

},"json");

e.preventDefault();

this.set("confirmed", true);

this.set("hideMain",false);

},

startOver: function() {

this.set("confirmed", false);

this.set("agreed", false);

this.set("hideMain", true);

this.set("firstName", "");

this.set("lastName", "");

this.set("companyName", "");

this.set("emailAddress", "");

this.set("phone", "");

this.set("subject", "Sales Request");

this.set("message", "");

this.set("messageID", "");

this.set("title","Mr");

}

});

kendo.bind($("form"), viewModel);

});

The incoming JSOn is simply

<?php

echo json_encode(array("message"=>"Request submitted with ID ".$reqid));

?>

General Discussions

answered on 05 Mar 2013

5 answers

154 views

SplitView sample project- displayOrder called only once

I modified the displayOrder function to display orders of currently selected product and it seems like it's called only once for the first selected product. To display orders of a different product I have to refresh the page and start all over again.

function displayOrder(e) {
alert(e.view.params.ProductID);

splitViewOrderDetails.filter({
field: "ProductID",
operator: "eq",
value: parseInt(e.view.params.ProductID)
});

splitViewOrderDetails.read();
}

Thanks,
Alex

SplitView

answered on 05 Mar 2013

5 answers

196 views

Controls translation - problem

In the technical file specifies what values they can take descriptions of controls. http://docs.kendoui.com/api/web/editor
I translated controls, and noticed some shortcomings.

$("#MailConf_Podpis").kendoEditor({

messages: {

foreColor: "Kolor czcionki",

backColor: "Kolor wyróżnienia tekstu",

viewHtml: "Podgląd HTML"

}

});

Additionally I noticed a problem with the use of translations for inactive controls (error.png).

My translation controls.

$("#MailConf_Podpis").kendoEditor({

tools: [

"bold",

"italic",

"underline",

"strikethrough",

"fontName",

"fontSize",

"foreColor",

"backColor",

"justifyLeft",

"justifyCenter",

"justifyRight",

"justifyFull",

"insertUnorderedList",

"insertOrderedList",

"indent",

"outdent",

"formatBlock",

"createLink",

"unlink",

"insertImage",

"subscript",

"superscript",

"viewHtml"

],

messages: {

bold: "Pogrubienie",

italic: "Kursywa",

underline: "Podkreślenie",

strikethrough: "Przekreślenie",

superscript: "Indeks górny",

subscript: "Indeks dolny",

justifyCenter: "Wyśrodkuj",

justifyLeft: "Wyrównaj do lewej",

justifyRight: "Wyrównaj do prawej",

justifyFull: "Wyjustuj",

insertUnorderedList: "Punktory",

insertOrderedList: "Numerowanie",

indent: "Zwiększ wcięcie",

outdent: "Zmniejsz wcięcie",

createLink: "Wstaw odnośnik",

unlink: "Usuń odnośnik",

insertImage: "Wstaw obrazek",

insertHtml: "Wstaw HTML",

fontName: "Wybierz czcionkę",

fontNameInherit: "(zmień czcionkę)",

fontSize: "Wybierz rozmiar czcionki",

fontSizeInherit: "(zmień rozmiar)",

formatBlock: "Formatowanie",

style: "Style",

emptyFolder: "Pusty Folder",

uploadFile: "Wyślij",

orderBy: "Arrange by:",

orderBySize: "Rozmiar",

orderByName: "Nazwa",

invalidFileType: "Wybrany przez Ciebie plik \"{0}\" jest nieprawidłowy. Wspierane typy plików {1}.",

deleteFile: "Czy jesteś pewien że chcesz usunąć plik \"{0}\"?",

overwriteFile: "Plik o nazwie \"{0}\" już istnieje w wybranej lokalizacji. Czy chcesz go nadpisać?",

directoryNotFound: "Lokacja o podanej nazwie nie istnieje.",

imageWebAddress: "Adres URL",

imageAltText: "Tekst alternatywny",

linkWebAddress: "Adres URL",

linkText: "Tekst",

linkToolTip: "Opis",

linkOpenInNewWindow: "Otwórz odnośnik w nowym oknie",

dialogInsert: "Wstaw",

dialogButtonSeparator: "lub",

dialogCancel: "Anuluj",

foreColor: "Kolor czcionki",

backColor: "Kolor wyróżnienia tekstu",

viewHtml: "Podgląd HTML"

}

});

Editor

answered on 05 Mar 2013

1 answer

195 views

ASP.NET WEB API CRUD Sample NO WRAPPERS

Hello

I am looking for a working example where one can use ASP.NET WEB API CRUD operations, configuration with javascript front end with NO WRAPPERS.

Grid

answered on 05 Mar 2013

4 answers

230 views

Additional Command in the Pageable Bar

I want my grid to have a "create command". I do know that I can achieve it with the toolbar. However, having a toolbar means having an extra row at the top.

I prefered if I could add a command to the bottom Pageable Bar. A "create command" would fit nicely right to the "refresh command".

Is this possible?

Michael G. Schneider

Grid

answered on 04 Mar 2013