Questions on Kendo UI for jQuery Forum

1 answer

326 views

How to edit textbox on checkbox click in editable grid.

Hello All,

I am facing issue in an editable grid. I want to editable textbox when user click on check box.
User only one field to modify when check box clicked.

Here i attached screen shot which i want.

Thanks,

Grid

answered on 05 Mar 2013

6 answers

182 views

column menu filtering

This is happens in Firefox. When I turn on the grid column menus and try to filter on a string column I cannot focus the textbox. Also on a date fields I cannot click the calendar box, just the icon to popup the calendar.

I also get the same issue on the text columns in this demo : http://demos.kendoui.com/web/grid/column-menu.html

anyone run into this and come up with a fix?

thanks

Grid

answered on 05 Mar 2013

1 answer

10.6K+ views

Header Wrapping / Height

I have a grid that is dynamically driven by metadata with the user choosing the columns they want to see. I do not know ahead of time what the headers will be or how many columns the user will select. I have the grid setup with a fixed height and every column gets a fixed width of 200. What happens is that some columns header is bigger than the allowed space and gets cut off. Is there any way to increase the height of the header and have the text wrap to a new line? Any other solutions for this?

Grid

answered on 05 Mar 2013

1 answer

94 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

128 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

287 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

68 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

121 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

877 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

160 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