or
1 answer
176 views
Hi,
The editor form shows when press add new record button.
but when filter grid and press add new record button
can not see the editor form popup.
And then clear filter , grid has a new blank record.
The relate code as below,please help to solve this problem.
Thanks,
Mark
add new record button
$("#grid").kendoGrid({
toolbar: [{name:"create",text:"新增"}],
editable: {
mode: "popup"
}
})
filter grid
$("#item").kendoComboBox({
change: function() {
var value = this.value();
if (value) {
grid.data("kendoGrid").dataSource.filter({ field: "id", operator: "eq", value: parseInt(value) });
} else {
grid.data("kendoGrid").dataSource.filter({});
}
}
});
The editor form shows when press add new record button.
but when filter grid and press add new record button
can not see the editor form popup.
And then clear filter , grid has a new blank record.
The relate code as below,please help to solve this problem.
Thanks,
Mark
add new record button
$("#grid").kendoGrid({
toolbar: [{name:"create",text:"新增"}],
editable: {
mode: "popup"
}
})
filter grid
$("#item").kendoComboBox({
change: function() {
var value = this.value();
if (value) {
grid.data("kendoGrid").dataSource.filter({ field: "id", operator: "eq", value: parseInt(value) });
} else {
grid.data("kendoGrid").dataSource.filter({});
}
}
});
Alexander Valchev
Telerik team
answered
on
21 Jan 2013
1 answer
570 views
Hi,
i create a modal window and load in it an html file. in the html file there is a script.
when i close the window i use destroy() and remove()
but the script that there was in the modal window remains on the principal page..
how can i do for to destroy the script?
Thank you
i create a modal window and load in it an html file. in the html file there is a script.
when i close the window i use destroy() and remove()
but the script that there was in the modal window remains on the principal page..
how can i do for to destroy the script?
Thank you
Alexander Valchev
Telerik team
answered
on
21 Jan 2013
2 answers
145 views
Hello there,
I'm trying to run this example http://docs.kendoui.com/tutorials/build-apps-with-kendo-ui-mobile
I get the following results:
1. Firefox: works great
2. Opera mobile emulator: works great
3. Internet Explorer for Windows Mobile 6.5: only renders the text. No styles, header and footer.
4. Opera 9.5 and Opera 10 for Windows Mobile: For some reason the browser renders a very large page. You can see only half of the text of the nav bar, you have to scroll side ways to see it all, and you have to scroll 2 pages down to see the footer.
On Opera 9.5 there is a advanced option called "Adaptive Zoom -> Virtual Screen Width". Setting this to the width of the device fixes the Navbar problem, but I'm still stuck with the footer.
Is there any trick to solve this?
Thank you,
I'm trying to run this example http://docs.kendoui.com/tutorials/build-apps-with-kendo-ui-mobile
I get the following results:
1. Firefox: works great
2. Opera mobile emulator: works great
3. Internet Explorer for Windows Mobile 6.5: only renders the text. No styles, header and footer.
4. Opera 9.5 and Opera 10 for Windows Mobile: For some reason the browser renders a very large page. You can see only half of the text of the nav bar, you have to scroll side ways to see it all, and you have to scroll 2 pages down to see the footer.
On Opera 9.5 there is a advanced option called "Adaptive Zoom -> Virtual Screen Width". Setting this to the width of the device fixes the Navbar problem, but I'm still stuck with the footer.
Is there any trick to solve this?
Thank you,
4 answers
261 views
Hi everyone, I would like to make a request to the team.
Is it possible to have a databound event for the drop down list, just like the grid?
It would be really useful when you have more 2 dropdowns, such as country/state, and state refreshes based on the country. Usually you need to reset the selection after the dropdown has been repopulated, and so that event would be great.
Hope you consider it!
Cheers,
Andrés
Is it possible to have a databound event for the drop down list, just like the grid?
It would be really useful when you have more 2 dropdowns, such as country/state, and state refreshes based on the country. Usually you need to reset the selection after the dropdown has been repopulated, and so that event would be great.
Hope you consider it!
Cheers,
Andrés
Georgi Krustev
Telerik team
answered
on
21 Jan 2013
6 answers
385 views
Hi,
i have something like this
var data = kendo.data.DataSource.create({ data: result.Products })
var viewModel = kendo.observable({dataSource: data});
kendo.bind($("#listview-templates"), viewModel, kendo.mobile.ui);
where result is the result of a service call, which has a list of Products , if i want to bind a property in my list view template , to say Price * Qty which are two properties in the product object , what is the best way to do it ? Whenever the qty or price changes the total should update
Thanks
.
i have something like this
var data = kendo.data.DataSource.create({ data: result.Products })
var viewModel = kendo.observable({dataSource: data});
kendo.bind($("#listview-templates"), viewModel, kendo.mobile.ui);
where result is the result of a service call, which has a list of Products , if i want to bind a property in my list view template , to say Price * Qty which are two properties in the product object , what is the best way to do it ? Whenever the qty or price changes the total should update
Thanks
.
4 answers
468 views
Team,
I want to create kendogrid with popup editing.
I was able to generate grid and when added toolbar: ["Create"] , I am getting huge gap between toolbar and header.
Am I missing something.
Help me in this regard.
Prasanna
I want to create kendogrid with popup editing.
I was able to generate grid and when added toolbar: ["Create"] , I am getting huge gap between toolbar and header.
Am I missing something.
Help me in this regard.
Prasanna
2 answers
361 views
Hi,
I am rebinding datasource to Grid on click event of button but paging doesn't work properly.
My code is like this.
I am rebinding datasource to Grid on click event of button but paging doesn't work properly.
My code is like this.
<!DOCTYPE html> <html> <head> <title>YouTube</title> <link href="Kendo/kendo.common.css" rel="stylesheet" type="text/css" /> <link href="Kendo/kendo.default.css" rel="stylesheet" type="text/css" /> <script src="Kendo/jquery-1.8.2.js" type="text/javascript"></script> <script src="Kendo/kendo.web.js" type="text/javascript"></script> <script src="Kendo/console.js" type="text/javascript"></script> <style scoped type="text/css"> #clientsDb { width: 692px; height: 413px; margin: 30px auto; padding: 51px 4px 0 4px; } </style> </head> <body> <input id="txtSearch" type="text" /> <input id="btnView" type="button" value="view" onclick="GetVideos(); return false;" /> <div id="example" class="k-content"> <div id="clientsDb"> <div> </div> <table id="grid" style="height: 380px;"> <thead> <tr> <th colspan="3"> Videos </th> </tr> </thead> <tbody> <tr> <td colspan="3"> </td> </tr> </tbody> </table> </div> <script id="rowTemplate" type="text/x-kendo-tmpl"> <tr class="k-alt"> <td colspan="3"> <img src="${ media$group.media$thumbnail[1].url }" alt="${ title.$t }" /> <span> <a onclick="" href="${link[0].href}">Play</a> </span> <br /> ${ title.$t } </td> </tr> </script> <script type="text/javascript"> function GetVideos() { var grid = $("#grid").data("kendoGrid"); var template = kendo.template($("#rowTemplate").html()); var dataSource = new kendo.data.DataSource({ transport: { read: { // the remote service url url: "https://gdata.youtube.com/feeds/api/videos?alt=json&q=" + $("#txtSearch").val() + "&orderby=relevance", // JSONP is required for cross-domain AJAX dataType: "jsonp" } }, schema: { data: "feed.entry" }, change: function () { // subscribe to the CHANGE event of the data source $("#grid tbody").html(kendo.render(template, this.view())); // populate the table } , pageSize: 5, pageable: true, serverPaging: true }); dataSource.read(); grid.refresh(); return false; } $("#txtSearch").keydown(function (e) { if (e.keyCode === kendo.keys.ENTER) { GetVideos(); } if (e.keyCode === kendo.keys.TAB) { GetVideos(); } }); $(document).ready(function () { $("#grid").kendoGrid({ pageable: true, serverPaging: true, dataSource: { pageSize: 5 }, height: 500, pageSize: 5, groupable: false, sortable: true, filterable: true, columnMenu: true, reorderable: false, resizable: true, pageable: true, pageable: { pageSizes: [5, 10, 25, 50, 100] }, scrollable: true }); $("#txtSearch").focus(); }); </script> </div> </body> </html> Please give solution for this problem.
1 answer
123 views
I've got a pretty standard app layout with a tab strip at the bottom, and headers at the top. However the content of a lot of it is generated depending on an option on my home screen. When this option is changed and the screens re-populated, I'd like to reset the scroll of each view back to the top. However even though I've seen lots of threads about app.scroller and reset() etc. I can't seem to get the desired effect, it does seem to go back to the top, but then Iose my headers and tab strip etc...
Nikolay Tsenkov
Telerik team
answered
on
21 Jan 2013
1 answer
812 views
Hi,
I am trying to figure out the CSS that needs to be overriden to modify the font size of the nodes inside tree view component, Can you please let me know the CSS associated with it?
Thanks,
Barani
I am trying to figure out the CSS that needs to be overriden to modify the font size of the nodes inside tree view component, Can you please let me know the CSS associated with it?
Thanks,
Barani
Iliana Dyankova
Telerik team
answered
on
21 Jan 2013
1 answer
105 views
I am using a input tag with file type.
Requires multiple click while choosing a file (minimum 5 to 6 clicks).
Is this the problem with css ?
Can someone please provide solution for this ?
Requires multiple click while choosing a file (minimum 5 to 6 clicks).
Is this the problem with css ?
Can someone please provide solution for this ?
Alexander Valchev
Telerik team
answered
on
21 Jan 2013
