Questions on Kendo UI for jQuery Forum

3 answers

652 views

[Solved] Close Window from content?

Hello,

I would like to know if window content can close the window?

Here's my code so far:

<div id="myWindow">

<button onclick="CloseWindow()" >Close Me</button>

<script type=text/javascript>

function CloseWindow() {

try {

var kendoWindow = $("#myWindow").data("kendoWindow").close();

}

catch (err) {

//Unable to get value of the property 'close': object is null or undefined

alert("Error \n\n" + err.message);

}

</script>

</div>

<script>

$(document).ready(function () {

var myWindow = $("#myWindow").kendoWindow({

width: "300px",

height: "200px",

title: "Login",

modal: false

});

</script>

Unfortonately, the following error is raised when trying to close the window:
Unable to get value of the property 'close': object is null or undefined

I would also like to know if there is a solution that would also work with external content?
Ex:

var myWindow = $("#myWindow").kendoWindow({

width: "300px",

height: "200px",

title: "Login",

modal: false,

content: "myExternalContent.aspx"

});

... where myExternalContent.aspx would be able to access myWindow and close it even if it's not in the same page.

Best regards,

Simon

Window

answered on 26 Aug 2012

4 answers

1.4K+ views

Is there a way to change the default "Select..." text on the button?

Is there a way to change the default "Select..." text on the button? Thanks.

Upload

answered on 26 Aug 2012

0 answers

88 views

Buggy pagination for empty grid

When der is no data to be displayed on the grid, the pagination looks weird. I've posted the screenshot of the grid.

Kindly let me know, how to resolve this.

Grid

asked on 25 Aug 2012

1 answer

321 views

Programmatic navigation in a mobile splitview

Suppose an application based on a Kendo UI Mobile SplitView has a "side pane" with "side view 1" and "side view 2".
The "side layout" defines two buttons "layout 1" and "layout 2".
This application also has a "main pane" with "main view 1" and "main view 2".
Clicking "layout 1" should display "side view 1" in the side pane and "main view 1" in the "main pane", where as
Clicking "layout 2" should display "side view 2" in the side pane and "main view 2" in the "main pane"

As per the documentation, it is possible to configure a button as follows:

<a id="layout1" data-role="button" href="#side-view1">

but this only triggers the navigation in the side pane.

It is also possible to configure a button as follows:

<a id="layout1" data-role="button" href="#main-view1" data-target="main-pane">

but this only triggers the navigation in the main pane.

How to programmatically trigger the navigation in both panes?

SplitView

answered on 25 Aug 2012

7 answers

1.3K+ views

[Solved] ListView not working properly after refreshing bound dataSource.

I have an example of this here: http://jsfiddle.net/RodEsp/hjbSz/
Using jsfiddle echo to simulate a remote datasource.

Basically, if the dataSource is initialized with data from the beginning (un-comment the //url: "/echo/json/", line) then everything works perfectly and the listview's <li> elements get initialized properly.

But, if you keep the dataSource empty from at the beginning and then change it by pressing the Refresh button on the navbar, the listview is populated and shows up correctly, but the listview's <li> elements do not get initialized the way they should. They have no data-uid property.

Is this a bug, or am I doing something wrong?

(In my real application this happens when the JSON retrieved for my datasource is an empty array and then is refreshed and recieves a non-empty array)

ListView (Mobile)

answered on 25 Aug 2012

0 answers

150 views

Problem with drag and drop in treeview

Hi,

I am using two kendoui treeviews

when i am using drag and drop selected item from left-treeview to right-treeview and right-treeview to left-treeview, the dropped item is showing like undefined,

As shown in uploaded tag please once check it,

here i am displaying the parent/child items dynamically.

In treeview script i have written code in this way:-

var treeview1 = $('#treeview-left').kendoTreeView({

select: onSelect,

checkboxTemplate: kendo.template($(

"#treeview-checkbox-template").html()),

dragAndDrop: true,

dataSource: parent,

expanded: true,

dataTextField: ["parentName", "childName"]
});

So can you please provide me solution where i have done wrong.

Thanks in Advance.

TreeView

asked on 25 Aug 2012

0 answers

44 views

New to this product

Just wanted to know about your products

General Discussions

asked on 25 Aug 2012

3 answers

286 views

[Solved] Saving the MVVM model

Can someone tell me whats the best way to send a rather complex MVVM object up through an $.ajax call to be saved?

...this?

data: "{'data':'" +JSON.stringify(_mydata) +"'}",

MVVM

answered on 25 Aug 2012

5 answers

391 views

[Solved] Populating a grid via jsonp

Hi I am making a cross domain call to get some json data and using that to populate a grid control. In order to do that, fist, i am creatinga datasource like so:

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: 'http://' + hostAddress + '/Customer.svc/getcustomersbyname?axid=999&name=',

dataType: "jsonp"

}

},

pageSize: 5

});

Then I populate the data grid:

$("#customergrid").kendoGrid({

dataSource: dataSource,

scrollable: true,

sortable: true,

pageable: true,

selectable: "row",

columns: [

{

field: "Name",

title: "Name"

},

{

field: "Id",

title: "Id"

},

{

field: "AxId",

title: "AxId"

}

]

});

When I run it, I do see the data coming back but i get a crash in kendo.grid.min.js with the error: Microsoft JScript runtime error: DOM
Exception: NOT_FOUND_ERR (8)

Do I need to define a schema or something?

btw, where it crashes is at:

b.table[0].replaceChild(h,b.tbody[0])

line 11, col 22102 in kendo.grid.min.js

thanks,
Jas

Grid

answered on 24 Aug 2012

0 answers

166 views

How can I remove a child node of subnode ?

$("#treeview").kendoTreeView({

template: kendo.template($("#treeview-template").html()),

checkboxTemplate: kendo.template($("#treeview-checkbox-template").html()),

dataSource: [{

id: 1, text: "My Documents", expanded: true, spriteCssClass: "rootfolder", items: [

{

id: 2, text: "Kendo UI Project", expanded: true, spriteCssClass: "folder", items: [

{ id: 3, text: "about.html", spriteCssClass: "html" },

{ id: 4, text: "index.html", spriteCssClass: "html" },

{ id: 5, text: "logo.png", spriteCssClass: "image" }

]

},

{

id: 6, text: "New Web Site", expanded: true, spriteCssClass: "folder", items: [

{ id: 7, text: "mockup.jpg", spriteCssClass: "image" },

{ id: 8, text: "Research.pdf", spriteCssClass: "pdf" },

]

},

{

id: 9, text: "Reports", expanded: true, spriteCssClass: "folder", items: [

{ id: 10, text: "February.pdf", spriteCssClass: "pdf" },

{ id: 11, text: "March.pdf", spriteCssClass: "pdf" },

{ id: 12, text: "April.pdf", spriteCssClass: "pdf" }

]

}

]

}]

});



 I use Treeview findbyUid find a child node of subnode and remove it , but nothing happened

TreeView

asked on 24 Aug 2012