Questions on Kendo UI for jQuery Forum

1 answer

107 views

Update Roadmap

Kendo UI still lacks essential features to build a large LOB application (layouts, docking windows, hierarchical datasource, databound treeview, lazy loading, ... see uservoice and forums, also check ExtJS). It is not too far though and the progresses have been impressive so far.

Please update the roadmap for those who are planning new projects and might consider Kendo UI provided next releases bring a decent number of key missing features.

General Discussions

answered on 04 Apr 2012

1 answer

97 views

Double results when updating grid dataSource?

If you take a look at this fiddle:

http://jsfiddle.net/nYN8G/

You can see it sets the first fiddle to be user1. It then updates the datasource to be user2. However, it seems that it is just appending the secondary data source. Is this correct? How would I properly swap the data source?

Grid

answered on 04 Apr 2012

1 answer

617 views

Grid - Popup Editing, Select Row

I am using the Popup editing in the UI Grid. How can I select the data values for the Row that is currently being edited? I need to grab the country for the current row and send it as a parameter to a datasource to return the states for that country.

I am doing this to select the first row, is there a style applied to the row that is currently selected or edited?

var grid = $("#entityAddressGrid").data("kendoGrid");

console.log(grid);

var dataItem = grid.dataItem(grid.tbody.find(">tr:first"));

Grid

answered on 04 Apr 2012

0 answers

44 views

how could i get the data back while i update the grid

for example,while i update some data in a grid like username,the username is unique,i must response the error/exception to user,but i saw the document configuration ,the update only has dataType and url.How can i get the response data?

Grid

asked on 04 Apr 2012

0 answers

106 views

Bug in latest Kendo Web build

I have no problem displaying the contents of the objects in a tabstrip with the earlier builds (kendoui.web-dataviz.2011.3.1129.open-source.zip), but now (kendoui.web.2012.1.322.open-source.zip) it shows the source instead of the content, even added hasOwnProperty checks. Do you know why?

                            <li><label>roles:</label>
                              #   for (var p in roles) { #
                              #     if (roles.hasOwnProperty(p)) #
                                       #= roles[p] #
                              # } #

found the fix....add this to your script...

kendo.data.ObservableArray.fn.toJSON = function() {
  return [].slice.call(this);
}

General Discussions

asked on 04 Apr 2012

1 answer

106 views

Potential Bug: Retrying duplicates metadata

Hi,

I came across this issue while using the Upload widget... the summary is that when an upload fails, and I hit the retry button, the fields on the metadata get re-appended. Each time I hit the retry button, the value gets appended again.

Here is my code (I am using Kendo UI Complete v2012.1.322):

$(function () {

$("#input-file").kendoUpload({

async: {

autoUpload: true,

saveUrl: '/UploadAction'

},

upload: onUpload,

multiple: true,

showFileList: true

});

function onUpload(e) {

e.data = {

"displayName": $("#DisplayName").val()

};

}

Let me know if there is anything I doing wrong... Otherwise I hope this helps...

Keep up the great work!
-Ricardo

Upload

answered on 04 Apr 2012

1 answer

548 views

Nested Listview from the model

Is there anyway we can populate the listview from the datamodel where the Data object will have nested objects example:

http://jsfiddle.net/RVCX5/

When the Lisview is first loaded show the Automobiles: Cars, Bikes.

When the user selects Cars: Show the items related to the Cars. Change the back button text to Cars, handle proper back and forth navigation.

Can this be achieved with the current features of Listview?

Thanks,
Chandu

ListView

answered on 04 Apr 2012

1 answer

205 views

Multiple tabstrip sets in app

I am trying to figure out a way to use multiple tabstrip sets with what will be a large app. The idea is to drill down into sub-tabstrips from a main tabstrip (the equivalent of a Menu or TreeView for web). I want the tabstrip to change based on where the user is at (has a home button in all cases). An example outline:

- Home (this tabstrip set)
- Calendar
- Page 1
- Page 2
- Page 3
- Customers
- Settings (different sets of lookup tables)
- Home
- Settings (this tabstrip set)
- Profile
- Users

I want to know if:
1) Is this a good idea for larger mobile apps?
If not, what should I be doing? Could I mix in the web PanelBar, or would that not work well?

2) If this is proper for mobile apps, could someone look at these three jsfiddle scenarios of what I am trying to do. Note that the last one navigates to a different page entirely for the other tabstrip, which I have working on my development machine but do not know how to do in jsfiddle, if it can even be done there The third version essentially creates two mobile apps.

Mobile TabStrip - hide/show tabset
Onclick of Settings tabstrip icon hides Home tabstrip and displays Settings tabstrip via CSS changes and grabbing the HREF from anchor tags.

Mobile TabStrip - replace tabstrip HTML
Onclick of Settings tabstrip icon replaces tabstrip DIV HTML content with contents of Settings tabs div. It grabs the HREF from anchor tags for highlighting current tab.

Mobile TabStrip - separate page per tabstrip
Onclick of Settings tabstrip icon goes to new page with different tabstrip and vice versa to Home. The tabset attribute acts like a boolean for navigation to new page.

Thank you!

TabStrip (Mobile)

answered on 04 Apr 2012

1 answer

116 views

Databinding ListView Templates in Grouped Mode

Hi,

Binding with template to standard view is clear in docs (as below) but how would I bind to a grouped view?

<ul id="listview"></ul>

<script type="text/javascript">
    $(document).ready(function() {
        $("#listview").kendoMobileListView({
            template : "<strong>${data.foo}</strong>",
            dataSource: kendo.data.DataSource.create([{foo: "bar"}, {foo: "baz"}])
        });
    });
</script>

Thanks,
Matt

ListView (Mobile)

answered on 04 Apr 2012

4 answers

425 views

Link clicking inside a panel bar

I have a panel bar with several items inside. Each <li> item has a regular HREF link, which, when clicked, redirects the page as it is supposed too.

Problem is, when I try to override a link using jQuery or just bind a click event to any element within the panel bar, nothing works.

I think I am missing something here. The list item is as follows:

<li><a class="popup" href="gosomehwereelse">click me</a></li>

The jQuery code I have is:

$("a.popup").click(function (e) {

e.preventDefault();

// do something...

});

No matter what I try, it seems impossible to override link clicks when the link is inside a panel bar list...

PanelBar