or
1 answer
622 views
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"));
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"));
Alexander Valchev
Telerik team
answered
on
04 Apr 2012
0 answers
44 views
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?
0 answers
107 views
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);
}
<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);
}
George
Top achievements
Rank 1
Rank 1
asked
on
04 Apr 2012
1 answer
109 views
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):
Let me know if there is anything I doing wrong... Otherwise I hope this helps...
Keep up the great work!
-Ricardo
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
T. Tsonev
Telerik team
answered
on
04 Apr 2012
1 answer
556 views
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
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
Nikolay Rusev
Telerik team
answered
on
04 Apr 2012
1 answer
211 views
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!
- 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!
Petyo
Telerik team
answered
on
04 Apr 2012
1 answer
117 views
Hi,
Binding with template to standard view is clear in docs (as below) but how would I bind to a grouped view?
Thanks,
Matt
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
Petyo
Telerik team
answered
on
04 Apr 2012
4 answers
428 views
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:
The jQuery code I have is:
No matter what I try, it seems impossible to override link clicks when the link is inside a panel bar list...
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...
0 answers
90 views
I have observed strange behaviours in the tabstrip section of a detail grid. I have a few checkboxes on a popup window after selecting ia popup from the tabstrip. whenever I click a checkbox, 1 or 2 others are selected automatically.
Same for buttons on a tabstrip section of a detail grid. Whenever I click on one button, the other button is highlighted, But the problem is the wrong button is always selected.
Does anybody knows why??
Same for buttons on a tabstrip section of a detail grid. Whenever I click on one button, the other button is highlighted, But the problem is the wrong button is always selected.
Does anybody knows why??
George
Top achievements
Rank 1
Rank 1
asked
on
04 Apr 2012
4 answers
217 views
Hi I am using the example for form binding and is not working at all, when I run it gives the message in the title.
The HTML is very similar to the one on the website as well.
Any ideas???
$(document).ready(function () { var viewModel = kendo.observable({ email: "someemail@somesite.com", password: "p@ssword", passwordConfirmation: "p@ssword", confirmed: false, register: function (e) { e.preventDefault(); this.set("confirmed", true); }, startOver: function () { this.set("confirmed", false); this.set("email", false); this.set("password", "Male"); this.set("passwordConfirmation", "John"); } }); kendo.bind($("#example"), viewModel); });The HTML is very similar to the one on the website as well.
<div id="example" class="k-content"> <div id="loginForm"> <div id="description"> <p>Some Text</p> </div> <div id="login"> <h2> Want us to get in touch with you</h2> <br /> <form> <label> Email: <input data-bind="value: email" /></label> <br /> <br /> <label> Password: <input data-bind="value: password" /></label> <br /> <br /> <label> Confirmation: <input data-bind="value: passwordConfirmation" /></label> <br /> <br /> <button data-bind="enabled: agreed, click: register"> Register</button> <br /> <div data-bind="visible: confirmed"> <h4> Confirmation</h4> <div> Thank you for your registration, <span data-bind="text: email"></span> <br /> <br /> <button data-bind="click: startOver"> Start Over</button> </div> </div> </form> </div> </div></div>Any ideas???
