Questions on Kendo UI for jQuery Forum

2 answers

136 views

This is driving me mental....not sure whats going on

http://www.screencast.com/t/F15107WO9F7

On my dev site the kendo cdn is giving me an encoded file, and IE9 complains throwing script errors (as seen here)

However on my live site
http://www.sitefinitysteve.com/contact
It looks like the CSS that's coming over encoded...

Its fine in FF and Chrome, but IE (9) is driving me mental

Do you have any idea at all what might cause something like this? I've disabled all my addons (all 2...lastpass and test studio) still happens. I also have 1.1 turned on like that forum recommended.

Steve

General Discussions

answered on 07 Jun 2012

3 answers

293 views

[Solved] Error without data-role="listview" on MVVM and Templates

Consider the code at: http://jsfiddle.net/vapKb/2/

It runs as is only because of the inclusion of data-role="listview" on the #folders div in the HTML. This has other meaning for kendo and k-widget class is added etc so, ideally, I'd like to be able to omit it?

If this attribute is removed, then an error is thrown:

Uncaught ReferenceError: Type is not defined

Any thoughts?

MVVM

answered on 07 Jun 2012

1 answer

1.3K+ views

[Solved] Disable or remove sortable capability on column with rebuilding entire grid.

Hi there,

Is it possible to disable columns (Or at least remove their sort functionality so when they are clicked) without having to redraw the entire grid?

I have a grid with sorting initially enabled, then when a button is clicked I want to move into a "design mode" and therefore need to remove the sortable functionality (or at least stop the event firing when a column is clicked which causes a read of the datasource).

Is there any way to do this? I managed to disable filtering by hiding the filter icon but can't seem to disable sorting in any way...

Thanks in advance!

Rob

Grid

answered on 07 Jun 2012

1 answer

135 views

Set row style based on non-displayed column

Suppose I have

<button id='btn' class='k-button' data-nodeid='111'>XYZ</button>

<div id='grid1'></div>

and data

var rows = [

{ "one": "1", "two": "21", "three": "31", "nodeid":' ' }

, { "one": "2", "two": "22", "three": "32", "nodeid":' ' }

, { "one": "3", "two": "23", "three": "33", "nodeid":'123' }

, { "one": "4", "two": "24", "three": "34", "nodeid":' ' }

];

var btnNodeid = $('#btn').data('nodeid');

$('#grid1').kendoGrid({

dataSource: rows

)}

What I would like is to set a row to display in italics when the row that has a nodeid value different than that of the button. I do not want to show the nodeid in the grid.

I've tried templating the row with no success

var window.btnid = $("#btn").data('nodeid');
...
kendoGrid({
...
rowTemplate: '<tr #if (nodeid != ' ' && nodeid != window.btnid) { class=italic }#><td>${one}</td><td>${two}</td> .... ';

Grid

answered on 07 Jun 2012

0 answers

134 views

how to pass the value dynamically from view to controller

hi,
To display the image in the list view dynamically,
in the view i used the image tag like:<img src="@Url.Action("GetImage/${ID}", "Home")" alt = "${name} image" />
how can i pass this value dynamically to the controller and the url is not identifying the special characters.

Data Source

asked on 07 Jun 2012

1 answer

9.2K+ views

success callback on dataSource transport read

I can't seem to get the success callback to execute on this datasource. I am getting the data, so I know the call is working, just the success callback is not firing:

var dsReviewList = new kendo.data.DataSource({

schema: {

data: "d",

model: {

fields: {

resID: { type: "number" },

resDate: { type: "string" },

description: { type: "string" },

amount: { type: "number" },

selected: { type: "boolean" },

total: { type: "number" }

}

},

transport: {

read: {

contentType: "application/json; charset=utf-8",

type: "POST",

dataType: "json",

url: "OWLV2be.asmx/GetReviewReservations",

success: function (data) {

alert(data);

},

error: function (xhr, error) {

console.debug(xhr); console.debug(error);

alert('error');

}

},

parameterMap: function (data, operation) {

return kendo.stringify(data);

}

},

});

Please help, thanks,

George

Data Source

answered on 07 Jun 2012

0 answers

114 views

Label beside Kendo UI Grid

I have a input form that display with the following format:

Label1: Input1
Label2: Input2
Label3: Input3

However one of my inputs is a kendo grid. Instead of

Label4: KendoGrid

I get

Label4:
KendoGrid

(Where the grid displays below the label). Is there anyway I can make the grid display beside the label instead?

Grid

asked on 06 Jun 2012

2 answers

135 views

[Solved] 2 Listviews

Hi,

Could someone please tell me why my second listview lv2 is undefined here after the init of lv1 ? -

http://jsfiddle.net/wickedw/SXrH5/

Many thanks
Matt

ListView

answered on 06 Jun 2012

1 answer

670 views

Window with input text is read-only

Hello,

I am getting into web development for the first time and definitely have alot to catch-up on. I have been able to use some of the KendoUI controls which are pretty cool, so kudos there!

I am now in the process of using a kendoWindow control, which is just a window to allow a user to enter a value in a textbox and to click a button in the same window and it has functionality to check if the pswd is correct, etc. The window does open but somehow the textbox is always read-only. Can somebody please let me know if I maybe missing an attribute or something else? I am not sure if it is because I am using the html in the code to render the window with the label, textbox, and button vs using the .content when initializing the kendoWindow.

Any help would be greatly appreciated!

HTML:

<div id="window">

Please provide an override password.

<br />

<div>

<label id="lblPswd">Password: </label>

<input id="txtOverride" type="text"/>

</div>

<br />

<div style="text-align:center;">

<input id="Text1" type="text"/>

<button class="k-button" id="btnOverride" style="width: 125px" >OK</button>

</div>

jQuery:

//Window to allow users to add a password to override and approve.

var overrideWindow = $("#window").kendoWindow({

height: "200px",

title: "Override Workflow Access",

visible: false,

modal: true,

width: "300px"

}).data("kendoWindow");

//Another button on the page so that when users click it, the window opens and checks if they have access to approve. There is other functionality which I have removed for simplicity. Just need to make the input textbox editable. Btn in window works.

$("#btnApprove").click(function () {

var window = $("#window").data("kendoWindow");

window.center();

window.open();

})

I did see an example online and was testing it out. It opens another aspx page in my project which has the same functionality as what I am trying to do, but the textbox is editable. I am not sure if it is because the content: attribute is used. I would prefer to use the method above instead of going to another page.

// create the window ON THE FLIES

$("<div></div>").kendoWindow({

visible: true,

title: "Creates Window Out Of Thin Air",

modal: true,

width: "400px",

content: { url: "TestKendoWindow.aspx"

},

deactivate: function () {

this.element.closest(".k-widget").remove();

}

}).data("kendoWindow")

// set the content of the window

//.content("<h1>Acheivement UNLOCKED!</h1>")

.center()

.open();

Thanks in advance,
K

Window

answered on 06 Jun 2012

1 answer

153 views

drag and drop in IE

Seems to be firing the drop event more than once with differing results causing issues.

I am dragging from a grid to a treeview - if i add an alert within the drop event it fires twice, each time it fires e.srcElement.ParentElement is different

Is this a bug?

Drag and Drop

answered on 06 Jun 2012