Questions on Kendo UI for jQuery Forum

3 answers

259 views

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

55 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

116 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

842 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

150 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

189 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

181 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

223 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

1 answer

46 views

Grid filter wrong behavior (v2012.3.1315)

We have used kendo grid filter (v2012.3.1315), but filter for string colums isn’t working right because cursor hasn’t focused on filter textbox (we see this behavior in last versions of Chrome and Firefox), in IE datepicker filter cann’t set a value. It works in previous version and in v2012.3.1413. What’s wrong with v2012.3.1315? Can we solve this behavior?

Grid

answered on 04 Mar 2013

1 answer

180 views

Example: Crosshair split (4 panes)

Here is an example of 4 panes in sync.
layoutChange is used to keep vertical splitter bars lined up.

http://jsbin.com/eyukow/3/

Useful for when you want some static header content above some scrolling content

Splitter

answered on 04 Mar 2013