or
1 answer
131 views
Hi,
I am tweaking my web site so that certain pages are mobile friendly.
I have been using the Kendo DropDownList on my pages and was hoping that it would render nicely on mobile devices as well.
@(Html.Kendo().DropDownListFor(m => m.Acc).OptionLabel("Select Service").BindTo(Model.AccountsList).HtmlAttributes(new { style = "width: 300px;" }))
This renders on the mobile devices but when you click on it the popup is displayed inline as it does with a normal web browser and not using the native select list that normal Select elements use on mobiles which is a lot easier to use and less buggy.
Is there a way to get the dropdownlist to render as a native select element on mobile devices instead of the fancy javascript way it uses on desktop web browsers?
This would allow me to use css rules to change the style for mobile viewing instead of rewriting the page for the mobile version to get rid of the kendo ui dropdownlists.
Thanks.
I am tweaking my web site so that certain pages are mobile friendly.
I have been using the Kendo DropDownList on my pages and was hoping that it would render nicely on mobile devices as well.
@(Html.Kendo().DropDownListFor(m => m.Acc).OptionLabel("Select Service").BindTo(Model.AccountsList).HtmlAttributes(new { style = "width: 300px;" }))
This renders on the mobile devices but when you click on it the popup is displayed inline as it does with a normal web browser and not using the native select list that normal Select elements use on mobiles which is a lot easier to use and less buggy.
Is there a way to get the dropdownlist to render as a native select element on mobile devices instead of the fancy javascript way it uses on desktop web browsers?
This would allow me to use css rules to change the style for mobile viewing instead of rewriting the page for the mobile version to get rid of the kendo ui dropdownlists.
Thanks.
Kiril Nikolov
Telerik team
answered
on
13 Jun 2014
1 answer
366 views
I'm using the kendo.angular integration. Here's our markup using the kendo-grid directive, which works great:
I need to initialize the grid with rows pre-selected. Is the code snippet below the only way to do this? Extracting data from the DOM with a jQuery selector seems kind of hacky.
Here are my environment details:
OS: OS X 10.9.3
Browser: Chrome 35.0.1916.114
jQuery: 2.1.1
KendoUI: 2014.1.528
Any help would be appreciated!
<div id="buUsers" kendo-grid="buUsers" data-k-options="kendoGridOptionsBuUsers"></div>I need to initialize the grid with rows pre-selected. Is the code snippet below the only way to do this? Extracting data from the DOM with a jQuery selector seems kind of hacky.
$scope.buUsers.select("tr:eq(" + (index + 1) + ")")Here are my environment details:
OS: OS X 10.9.3
Browser: Chrome 35.0.1916.114
jQuery: 2.1.1
KendoUI: 2014.1.528
Any help would be appreciated!
Dimiter Madjarov
Telerik team
answered
on
13 Jun 2014
1 answer
94 views
We are using kendo angular grid, there is an issue when we sort on a column more than 2 times.
we have a name column, on clicking the column header it sorts ascending, on clicking again the same column it sorts descending, but on clicking the column the third time there is field not found JavaScript error. Please advise.
thanks,
sid
we have a name column, on clicking the column header it sorts ascending, on clicking again the same column it sorts descending, but on clicking the column the third time there is field not found JavaScript error. Please advise.
thanks,
sid
Atanas Korchev
Telerik team
answered
on
13 Jun 2014
1 answer
94 views
Hi, can you direct me to a angular inline editable grid sample. Need following features -
- add new inline row
- edit inline
- edit mode with complex controls like calendar, dependent drop down.
thanks,
sid
- add new inline row
- edit inline
- edit mode with complex controls like calendar, dependent drop down.
thanks,
sid
Atanas Korchev
Telerik team
answered
on
13 Jun 2014
1 answer
87 views
Hello,
I use Kendo ui and i'm discover "Export Grid to pdf"
But I have just one problem.
It’s working but when I have a lot of data in grid who display 10 item per page, the export take just 10 first but no the rest. Do you have an advice for that?
Thanks you
I use Kendo ui and i'm discover "Export Grid to pdf"
But I have just one problem.
It’s working but when I have a lot of data in grid who display 10 item per page, the export take just 10 first but no the rest. Do you have an advice for that?
Thanks you
Atanas Korchev
Telerik team
answered
on
13 Jun 2014
1 answer
346 views
Hi,
I am working on an application that uses Kendo SPA and Kendo MVVM. I've looked at the examples for both technologies and have it working mostly how I want but I am having a couple of issues. I want to have a CRUD page that uses a local object. The properties of this object are bound to the various controls and are updated through user input. Once the user is finished, this changed object will be sent to the server to update the database. One of the properties of this object is an array of objects which I want to bind to a Kendo Grid. This is the part I am having trouble with. I don't seem to be able to get the Grid to bind to this property. The grid displays and when I click on the Add button a row is created in the grid, but it never updates its datasource and when you hit Add again the data disappears from the new row and isn't saved.
I have attached a working example which has this issue. The page in question is in the Menu option "Make a request" and side menu option of "Equipment Loan".
Another minor issue is the main menu at the top sometimes does render and needs a page refresh.
Please can you help me with these issues. I also posted this in the MVVM forum.
Thanks
I am working on an application that uses Kendo SPA and Kendo MVVM. I've looked at the examples for both technologies and have it working mostly how I want but I am having a couple of issues. I want to have a CRUD page that uses a local object. The properties of this object are bound to the various controls and are updated through user input. Once the user is finished, this changed object will be sent to the server to update the database. One of the properties of this object is an array of objects which I want to bind to a Kendo Grid. This is the part I am having trouble with. I don't seem to be able to get the Grid to bind to this property. The grid displays and when I click on the Add button a row is created in the grid, but it never updates its datasource and when you hit Add again the data disappears from the new row and isn't saved.
I have attached a working example which has this issue. The page in question is in the Menu option "Make a request" and side menu option of "Equipment Loan".
Another minor issue is the main menu at the top sometimes does render and needs a page refresh.
Please can you help me with these issues. I also posted this in the MVVM forum.
Thanks
6 answers
360 views
Hi,
I am working on an application that uses Kendo SPA and Kendo MVVM. I've looked at the examples for both technologies and have it working mostly how I want but I am having a couple of issues. I want to have a CRUD page that uses a local object. The properties of this object are bound to the various controls and are updated through user input. Once the user is finished, this changed object will be sent to the server to update the database. One of the properties of this object is an array of objects which I want to bind to a Kendo Grid. This is the part I am having trouble with. I don't seem to be able to get the Grid to bind to this property. The grid displays and when I click on the Add button a row is created in the grid, but it never updates its datasource and when you hit Add again the data disappears from the new row and isn't saved.
I have attached a working example which has this issue. The page in question is in the Menu option "Make a request" and side menu option of "Equipment Loan".
Another minor issue is the main menu at the top sometimes does render and needs a page refresh.
Please can you help me with these issues.
Thanks
I am working on an application that uses Kendo SPA and Kendo MVVM. I've looked at the examples for both technologies and have it working mostly how I want but I am having a couple of issues. I want to have a CRUD page that uses a local object. The properties of this object are bound to the various controls and are updated through user input. Once the user is finished, this changed object will be sent to the server to update the database. One of the properties of this object is an array of objects which I want to bind to a Kendo Grid. This is the part I am having trouble with. I don't seem to be able to get the Grid to bind to this property. The grid displays and when I click on the Add button a row is created in the grid, but it never updates its datasource and when you hit Add again the data disappears from the new row and isn't saved.
I have attached a working example which has this issue. The page in question is in the Menu option "Make a request" and side menu option of "Equipment Loan".
Another minor issue is the main menu at the top sometimes does render and needs a page refresh.
Please can you help me with these issues.
Thanks
4 answers
301 views
Hello,
We have an MVC application using Entity Framework as the interface into our database. We recently added some database logging to our application in order to do some performance analysis. I noticed that in the Read methods for our Kendo grids our SQL seems to be executing twice. Drilling into this a bit more, I found that the Kendo.MVC.Extensions ToDataSourceResult() method against an IQueryable was the place where the double execution was happening. A few of our queries take a fair amount of time to execute, so having them run twice is a performance drag. I was hoping to get some help determining why this might be happening. My best guess is that this is due to paging needing to find out the total row count and then a second execution to get the actual data, but it's only a guess. If your team could help out, I'd really appreciate it. Thanks!
Regards,
Brian
We have an MVC application using Entity Framework as the interface into our database. We recently added some database logging to our application in order to do some performance analysis. I noticed that in the Read methods for our Kendo grids our SQL seems to be executing twice. Drilling into this a bit more, I found that the Kendo.MVC.Extensions ToDataSourceResult() method against an IQueryable was the place where the double execution was happening. A few of our queries take a fair amount of time to execute, so having them run twice is a performance drag. I was hoping to get some help determining why this might be happening. My best guess is that this is due to paging needing to find out the total row count and then a second execution to get the actual data, but it's only a guess. If your team could help out, I'd really appreciate it. Thanks!
Regards,
Brian
Brian Roth
Top achievements
Rank 1
Rank 1
answered
on
12 Jun 2014
9 answers
497 views
I have 3 cascade dropdownlists (eg. country, state, city) and I use remote datasource. Everything works fine until I want to create an update page using ajax calls. Assuming that I have multiple records and each record contains those data. I would like to have an edit button in each record. When a user clicks the edit button, it pop-ups the form for editing. In this case, there is only one edit form and I used jquery ajax to get the data from server and binding to the form.
The problem is that I cannot make the default value for those dropdownlists because when I perform datasource.read() to get the data from server, I don't know that when the datasource.read() will finish so that I can set the default value in the dropdownlist. If I put some code for setting the default values after the datasouce.read() line, the code will be executed before the datasouce.read() finishes getting data from server. So, that code is worthless.
In addition, I saw you solution about setting the default value in dropdownlist. But the case doesn't work for me. Since, in my case I need to change the default value of dropdownlists dynamically.
Do you have a solution for this kind of problem? or Do you have an event that can capture when the datasource.read() will finish?
Please point me out of this trouble. Thank you.
The problem is that I cannot make the default value for those dropdownlists because when I perform datasource.read() to get the data from server, I don't know that when the datasource.read() will finish so that I can set the default value in the dropdownlist. If I put some code for setting the default values after the datasouce.read() line, the code will be executed before the datasouce.read() finishes getting data from server. So, that code is worthless.
In addition, I saw you solution about setting the default value in dropdownlist. But the case doesn't work for me. Since, in my case I need to change the default value of dropdownlists dynamically.
Do you have a solution for this kind of problem? or Do you have an event that can capture when the datasource.read() will finish?
Please point me out of this trouble. Thank you.
Georgi Krustev
Telerik team
answered
on
12 Jun 2014
1 answer
1.1K+ views
hi,
I have Grid who's id is "gWriter" with popup box edit.
And on Popup Box we have another grid "gAgent" which is also edited in popup mode.
I am trying to enable/disable the update/Save button when Edit model(e.model.new) is "new " of "gAgent" grid with below statement.
$(".k-edit-form-container .k-state-disabled").addClass("k-grid-update").removeClass("k-state-disabled");
$(".k-edit-form-container .k-grid-update").addClass("k-state-disabled").removeClass("k-grid-update");
But issue is the above statement disable/enabling the buttons on both the grids instead of only "aAgent" Grid.
Thanks,
Chatrapathi Chennam
I have Grid who's id is "gWriter" with popup box edit.
And on Popup Box we have another grid "gAgent" which is also edited in popup mode.
I am trying to enable/disable the update/Save button when Edit model(e.model.new) is "new " of "gAgent" grid with below statement.
$(".k-edit-form-container .k-state-disabled").addClass("k-grid-update").removeClass("k-state-disabled");
$(".k-edit-form-container .k-grid-update").addClass("k-state-disabled").removeClass("k-grid-update");
But issue is the above statement disable/enabling the buttons on both the grids instead of only "aAgent" Grid.
Thanks,
Chatrapathi Chennam
Alexander Popov
Telerik team
answered
on
12 Jun 2014
