Questions on Kendo UI for jQuery Forum

0 answers

114 views

Grid Edit only works with jsonp callback?

Hi Guys,

My webservice is written with ASP Web Api Json and I can't seem to make editing work for Kendo Grid. I can only view (GET works)

I changed Create to:

url: "api/products",

type: "POST",

dataType: "json",

The post call is successful, but there is no payload on API controller side, meaning the actual object sent is null on server side.

I am using the grid edit demo below.
http://demos.kendoui.com/web/grid/editing-popup.html

Is there anything that I have to modify on the web api side to make it simply work? Any example is appreciated.

Thanks,
Felix

Grid

asked on 25 Jul 2012

0 answers

128 views

Creating an Org Chart

Is it possible to create an Organizational Chart using the DataViz charting?

I have not been able to find the answer to this question in the forums or documentation.

If it is possible, it would be nice if you could provide a small example.

Thanks!

Charts

asked on 25 Jul 2012

0 answers

109 views

Moving from Silverlight to HTML5

Hi Guys
I have just finished a massive ( $ wise) app written using Silverlight as the front end.(SQL database backend) I need to move the application over to mobile and I want to have it cross platform- obv HTML5 is the go ? Is there any tools to move from HTNL5 from Silverlight. PLEASE
thx in advance for any help
cheers
James

General Discussions

asked on 25 Jul 2012

0 answers

170 views

Change edit template popup UI with data displayed.

Hi. I've been wandering the web for days and I cant seem to figure it out.
See, I have an MVC Telerik Grid using server binding and a custom pop up edit template that has a dropdown list.
What i need to do is , once i click edit and the data is displayed in popup, i need to have a button in popup(which i already have) that changes the dropdownlist to a textbox so it can serve as an input field. Once a user inputs on it, it will then be included in the dropdown list.
My problem is i cant switch to textbox from dropdown. The popup breaks. My assumption is that there maybe an issue with my rebinding . Please help. Any will be appreciated.

Grid

asked on 25 Jul 2012

2 answers

288 views

Mobile: change ListView data-icon

Hi guys,
I am trying to change the data-icon in a simple ListView here on a mobile application. I don't want to bind this listview to data if possible because I have controls like switches in here. I have the following:

<ul id="settings_listView" data-role="listview" data-style="inset">

<li id="settings_mainttrack" data-icon="trash"><a href="#tabstrip-mainttrack">Something1</a></li>

<li id="settings_burntrack" data-icon="trash"><a href="#tabstrip-burntrack">Something2</a></li>

</ul>

and I would like to change the data-icon when this 'tab' loads, so I have a function like this:

$("#settings_burntrack").attr("data-icon", "");

$("#settings_mainttrack").attr("data-icon", "toprated");

I was hoping that the mainttrack element would have the 'toprated' icon now, but it still has 'trash'. I think it is because the list is already painted by this point. Is there any way to refresh the listview in the mobile side? I tried to call 'refresh' directly but that is not a method in the mobile side. Any thoughts would be appreciated. Thanks!
Seth

ListView (Mobile)

answered on 25 Jul 2012

1 answer

78 views

ListView with an extra 1px around it

Hi All:

I am implementing a horizontal ListView with a title-bar across the top.
http://www.telerik.com/community/forums/aspnet-ajax/listview/code-for-yahoo-weather-user-control-webpart.aspx
In Asp.Net controls it worked just fine, but with Kendo UI, I seem to have an extra one pixel around the whole Listview. Is this a bug or can I style this away.

Phil

ListView

answered on 25 Jul 2012

5 answers

1.4K+ views

Grid custom commands not working

$(document).ready(function ()

{

$("#adminGrid").kendoGrid({

dataSource:dataSource,

toolbar: ["create"],

columns: [

{ field: "name", title: "Name", width: "150px" },

{ field: "description", title:"Description", width: "150px" },

{ field: "logo", title:"Logo", width: "150px" },

{ field: "startDate", title:"Start Date", width: "150px", format:"{0:MM/dd/yyyy}" },

{ field: "endDate", title:"End Date", width: "150px", format:"{0:MM/dd/yyyy}"},

{ field: "disabled", title:"Disabled", width: "50px" },

{ command: { text: "Edit Tags", click:showTags }, title: " ", width: "110px" }],

editable: "inline"

});

// $("#mainDiv").on("click",".h-edit-tags", showAlert);

});

function showAlert(e)

{

e.preventDefault();

alert("hello");

}

The click event defined in my Grid's custom button never fires when I click my custom button... what am I doing wrong?
If I assign a class to the custom button and us the jquery on function everything fires just fine.

Grid

answered on 25 Jul 2012

1 answer

261 views

Selecting previous item after a remove

Hello, I've got a listview whose template includes a button that causes removal of the clicked item from the listview. I also followed another forum post explaining how to suppress the mouseclick event so that my button click event doesn't select the clicked item.

However, when the remove happens in my click handler via the listview.remove(item) method, it looks like the listview syncs to the datasource. The problem is that when this occurs the listview appears to lose it's selection. I'm guessing this is by design, but is there a way in which I can store the selected index before the remove and then reselect the item afterwards? The main task is getting the selected index in my click handler. I see a way to get the selected item using listView().select() but not the index. After the rebind, if I try to pass this selected item into the select function it no longer finds it, so I guess it goes out of scope after the rebind.

Do you have any guidance for me?

Thanks,
Eric

ListView

answered on 24 Jul 2012

1 answer

49 views

<br /> in label template screws up in Firefox and Chrome

This is one of those cases that surprised me because Internet Explorer actually displays correctly and it's Firefox and Chrome that are screwed up...go figure!

In the series label and tooltip label, I have defined a template. Using a <br /> to create a line break in the template causes the labels to be completely blank in Firefox and Chrome, however, they display fine in Internet Explorer. I'm not sure if this is a bug or if there is a different way to generate a line break in a label, but I could use some assistance figuring it out.

Thanks.

Charts

answered on 24 Jul 2012

2 answers

119 views

Fetching remote view - option to remove previous views?

Kendos,

I'm writing a fairly complex app using the framework. The app uses a page input form with many complex elements. This page is fetched via ajax using the application navigate methods.

The issue is that this appends the main document. So each time you call a slightly different version of this page (edit, etc) it fetches the HTML via Ajax and appends it to the current document.

This not only vastly increases the size of the document (and possibly leading to memory issues if the app is open for long enough) but also it confuses the DOM as there are now 2 or more versions of the form, so you get 2 or more copies of ID elements.

I'd like a way to 'clean up' all previously loaded views when fetching a new page. I've managed to fudge this in my code by putting this in the data-init function of the form I'm loading:

$('div[data-role=view]').each( function( i, elem )

{

if ( $(elem).attr('data-url') && $(elem).attr('data-url') != window.location.hash.replace( /#/, '' ) )

{

$(elem).remove();

}

} );

But it seems less that optimal and prone to bugs down the road.

Something to consider for a future version?

Application