or
1 answer
116 views
I ttry to set up a sample for an universal app. Currently I'm stuck with navigation inside the splitview. The console logs an error saying that the links "#rightOne" and "#rightTwo" are not found. Here is my code (testet in kendo ui dojo). The code is adjusted to allways show the tablet code:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.default.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2014.1.416/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.1.416/js/kendo.all.min.js"></script>
<style>
html, body, #phoneApp {
height: 100%;
}
</style>
</head>
<body>
<div id="tabletApp" style="display:none;">
<div data-role="splitview">
<div data-role="pane" id="left" data-layout="leftLayout">
<div data-role="view">
<a href="#rightOne" data-target="right">One</a>
<a href="#rightTwo" data-target="right">Two</a>
</div>
<div data-role="layout" data-id="leftLayout">
<div data-role="header">
<div data-role="navbar">
TEST APP
</div>
</div>
</div>
</div>
<div data-role="pane" id="right" data-layout="rightLayout">
<div data-role="view" id="rightOne">
One
</div>
<div data-role="view" id="rightTwo">
Two
</div>
<div data-role="layout" data-id="rightLayout">
<div data-role="header">
<div data-role="navbar">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="phoneApp" style="display:none;">
<div data-role="view">
<h1>Phone Home</h1>
</div>
<div data-role="view" id="about">
<h1>Phone About</h1>
</div>
<div data-role="layout" data-id="phoneDefault">
<div data-role="header">
<div data-role="navbar">
Phone App
</div>
</div>
<!--Content-->
<div data-role="footer">
<div data-role="tabstrip">
<a href="" data-icon="home">Home</a>
<a href="#about" data-icon="info">About</a>
</div>
</div>
</div>
</div>
<script>
$(function() {
var app,
//Must be mobile and tablet
isTablet = kendo.support.mobileOS && kendo.support.mobileOS.tablet,
appElement = null,
appLayout = null;
console.log("mobileOS Info/isTablet", kendo.support.mobileOS, isTablet);
appElement = $("#tabletApp");
appLayout = (isTablet) ? null : "phoneDefault";
console.log(appElement);
app = new kendo.mobile.Application(appElement, {
transition: 'slide'
});
//Adjust visibility of proper app container
appElement.show();
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.default.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2014.1.416/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.1.416/js/kendo.all.min.js"></script>
<style>
html, body, #phoneApp {
height: 100%;
}
</style>
</head>
<body>
<div id="tabletApp" style="display:none;">
<div data-role="splitview">
<div data-role="pane" id="left" data-layout="leftLayout">
<div data-role="view">
<a href="#rightOne" data-target="right">One</a>
<a href="#rightTwo" data-target="right">Two</a>
</div>
<div data-role="layout" data-id="leftLayout">
<div data-role="header">
<div data-role="navbar">
TEST APP
</div>
</div>
</div>
</div>
<div data-role="pane" id="right" data-layout="rightLayout">
<div data-role="view" id="rightOne">
One
</div>
<div data-role="view" id="rightTwo">
Two
</div>
<div data-role="layout" data-id="rightLayout">
<div data-role="header">
<div data-role="navbar">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="phoneApp" style="display:none;">
<div data-role="view">
<h1>Phone Home</h1>
</div>
<div data-role="view" id="about">
<h1>Phone About</h1>
</div>
<div data-role="layout" data-id="phoneDefault">
<div data-role="header">
<div data-role="navbar">
Phone App
</div>
</div>
<!--Content-->
<div data-role="footer">
<div data-role="tabstrip">
<a href="" data-icon="home">Home</a>
<a href="#about" data-icon="info">About</a>
</div>
</div>
</div>
</div>
<script>
$(function() {
var app,
//Must be mobile and tablet
isTablet = kendo.support.mobileOS && kendo.support.mobileOS.tablet,
appElement = null,
appLayout = null;
console.log("mobileOS Info/isTablet", kendo.support.mobileOS, isTablet);
appElement = $("#tabletApp");
appLayout = (isTablet) ? null : "phoneDefault";
console.log(appElement);
app = new kendo.mobile.Application(appElement, {
transition: 'slide'
});
//Adjust visibility of proper app container
appElement.show();
});
</script>
</body>
</html>
Petyo
Telerik team
answered
on
26 May 2014
1 answer
309 views
Hi,
I want to do some more action while create and destroy event call with the default functionality of the events. In the demo not able to call the destroy function call.
Here is what i am trying achieve.
1) when we destroy or remove a item from grid .The item should be removed from the grid and corresponding Name field in data item should get added to the Top Drop down list.
2)And when we select a item from dropdown list and click Add/Create button ,the selected data item in the dropdown list need to pushed into grid and corresponding selected item from Drop down should be removed from Drop down list.And similarly the dataitem which is added to grid can be removed by destroy button ;which makes this Data item pushed back to Drop down list.
Thanks
Chatrapathi Chennam
I want to do some more action while create and destroy event call with the default functionality of the events. In the demo not able to call the destroy function call.
Here is what i am trying achieve.
1) when we destroy or remove a item from grid .The item should be removed from the grid and corresponding Name field in data item should get added to the Top Drop down list.
2)And when we select a item from dropdown list and click Add/Create button ,the selected data item in the dropdown list need to pushed into grid and corresponding selected item from Drop down should be removed from Drop down list.And similarly the dataitem which is added to grid can be removed by destroy button ;which makes this Data item pushed back to Drop down list.
Thanks
Chatrapathi Chennam
Alexander Popov
Telerik team
answered
on
26 May 2014
1 answer
247 views
Hi,
I have the following read method defined in the datasource of my Kendo grid.
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Events(events => events.Error("error_handler"))
.Model(model => model.Id(p => p.SomeID))
.Create(update => update.Action("EditingPopup_Create", "ControllerName"))
.Read(read => read.Action("EditingPopup_Read", "ControllerName").Data("additionalInfo"))
.Update(update => update.Action("EditingPopup_Update", "ControllerName"))
.Destroy(update => update.Action("EditingPopup_Destroy", "ControllerName"))
I make the following call to get data back from the EditingPopup_Read() method:
$("#grid").data("kendoGrid").dataSource.read();
$("#grid").data("kendoGrid").refresh();
The read() call hits the controller via a POST. The EditingPopup_Read() method prepares an array of models, and passes it back like this "return Json(models);"
I can see that JSON does in fact get passed back using Fiddler, however the Kendo grid either ignores it or refuses to display it, despite my call to refresh() the grid.
I have the following read method defined in the datasource of my Kendo grid.
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Events(events => events.Error("error_handler"))
.Model(model => model.Id(p => p.SomeID))
.Create(update => update.Action("EditingPopup_Create", "ControllerName"))
.Read(read => read.Action("EditingPopup_Read", "ControllerName").Data("additionalInfo"))
.Update(update => update.Action("EditingPopup_Update", "ControllerName"))
.Destroy(update => update.Action("EditingPopup_Destroy", "ControllerName"))
I make the following call to get data back from the EditingPopup_Read() method:
$("#grid").data("kendoGrid").dataSource.read();
$("#grid").data("kendoGrid").refresh();
The read() call hits the controller via a POST. The EditingPopup_Read() method prepares an array of models, and passes it back like this "return Json(models);"
I can see that JSON does in fact get passed back using Fiddler, however the Kendo grid either ignores it or refuses to display it, despite my call to refresh() the grid.
Rosen
Telerik team
answered
on
26 May 2014
1 answer
208 views
Hi,
I want to use MVVM and bind the page widgets to an object. This object has child objects. Something like a Customer Order object which has a property of Customer Order Lines which is an IEnumerator of Customer Line Objects. So the widgets on the page are bound to the Customer Order object and the grid widget is bound to the Customer Order Lines property of the Customer Order Object. I am having trouble creating the Kendo.Model to represent this. Is this possible and if so could you please help or point me in the direction of an example.
I was hoping to create a page based on the above where a user could create a Customer Order and Customer Order Lines or edit an existing one.
Please help.
Thanks
I want to use MVVM and bind the page widgets to an object. This object has child objects. Something like a Customer Order object which has a property of Customer Order Lines which is an IEnumerator of Customer Line Objects. So the widgets on the page are bound to the Customer Order object and the grid widget is bound to the Customer Order Lines property of the Customer Order Object. I am having trouble creating the Kendo.Model to represent this. Is this possible and if so could you please help or point me in the direction of an example.
I was hoping to create a page based on the above where a user could create a Customer Order and Customer Order Lines or edit an existing one.
Please help.
Thanks
Vladimir Iliev
Telerik team
answered
on
26 May 2014
3 answers
170 views
Hi Kendo Team,
I'm iterating the collection dataSource.data() and I want to know if a data item of this collection is deleted or not.
There is isNew() method that tells you if the user created a new item, but how can i know if an item of the dataSource was deleted by the user? Is there any IsDeleted() method ?
Something like:
for (var i= 0; i < dataSource.data().length; i++){
if (!dataSource.data()[i].isDeleted()){
// Do whatever
}
}
Kind regards,
Oscar.
I'm iterating the collection dataSource.data() and I want to know if a data item of this collection is deleted or not.
There is isNew() method that tells you if the user created a new item, but how can i know if an item of the dataSource was deleted by the user? Is there any IsDeleted() method ?
Something like:
for (var i= 0; i < dataSource.data().length; i++){
if (!dataSource.data()[i].isDeleted()){
// Do whatever
}
}
Kind regards,
Oscar.
Kiril Nikolov
Telerik team
answered
on
26 May 2014
1 answer
149 views
How could I catch the event when user change the navigator's selected range?
for example,
$("#stock-chart").kendoStockChart({
navigator: {
series: {
type: "line",
field: "volume"
},
select: {
from: "2012/01/01",
to: "2012/03/01"
}
},
...
})
I just want to do something when user change the selected range of the navigator. Is there any api for the event?
for example,
$("#stock-chart").kendoStockChart({
navigator: {
series: {
type: "line",
field: "volume"
},
select: {
from: "2012/01/01",
to: "2012/03/01"
}
},
...
})
I just want to do something when user change the selected range of the navigator. Is there any api for the event?
T. Tsonev
Telerik team
answered
on
26 May 2014
11 answers
289 views
I notice stock chart has navigator. http://demos.telerik.com/kendo-ui/dataviz/financial/index.html
Does other chart such as area chart support navigator?
Thanks
Does other chart such as area chart support navigator?
Thanks
T. Tsonev
Telerik team
answered
on
26 May 2014
3 answers
172 views
The Update request below is being sent as an HttpGet - how do you change the transport to indicate that it should be a post?
@(Html.Kendo().Scheduler<CIC.Web.UI.Models.TaskViewModel>()
.Name("scheduler")
.Date(DateTime.Now)
.StartTime(DateTime.Now)
.ShowWorkHours(true)
.Height(600)
.Views(views =>
{
views.DayView();
views.WorkWeekView(workWeekView => workWeekView.Selected(true));
views.WeekView();
views.MonthView();
views.AgendaView();
})
.Editable(editable =>
{
editable.TemplateName("_EditorForEventTemplate");
})
.Events(e =>
{
e.Edit("scheduler_edit");
e.Change("scheduler_change");
})
.DataSource(d => d
.Model(m =>
{
m.Id(f => f.TaskID);
m.Field(f => f.Title).DefaultValue("New Event");
m.Field(f => f.SponsorID);
m.Field(f => f.ContactEMail);
})
.Events(e => e.Error("error_handler"))
.ServerOperation(true)
.Read(read => read.Action("Events_Read", "Home").Data("getAdditionalData"))
.Create("Events_Create", "Home")
.Destroy("Events_Destroy", "Home")
.Update("Events_Update", "Home")
)
.Resources(resource =>
{
resource.Add(tvm => tvm.SponsorID)
.Title("CompanyName")
.DataTextField("DBAName")
.DataValueField("CompanyID")
.DataSource(ds => ds.Read(read => read.Action("GetSponsors", "Home")));
resource.Add(tvm => tvm.EventType)
.Title("Description")
.DataTextField("Description")
.DataValueField("Code")
.DataSource(ds => ds.Read(read => read.Action("GetEventTypes", "Home")));
})
)
@(Html.Kendo().Scheduler<CIC.Web.UI.Models.TaskViewModel>()
.Name("scheduler")
.Date(DateTime.Now)
.StartTime(DateTime.Now)
.ShowWorkHours(true)
.Height(600)
.Views(views =>
{
views.DayView();
views.WorkWeekView(workWeekView => workWeekView.Selected(true));
views.WeekView();
views.MonthView();
views.AgendaView();
})
.Editable(editable =>
{
editable.TemplateName("_EditorForEventTemplate");
})
.Events(e =>
{
e.Edit("scheduler_edit");
e.Change("scheduler_change");
})
.DataSource(d => d
.Model(m =>
{
m.Id(f => f.TaskID);
m.Field(f => f.Title).DefaultValue("New Event");
m.Field(f => f.SponsorID);
m.Field(f => f.ContactEMail);
})
.Events(e => e.Error("error_handler"))
.ServerOperation(true)
.Read(read => read.Action("Events_Read", "Home").Data("getAdditionalData"))
.Create("Events_Create", "Home")
.Destroy("Events_Destroy", "Home")
.Update("Events_Update", "Home")
)
.Resources(resource =>
{
resource.Add(tvm => tvm.SponsorID)
.Title("CompanyName")
.DataTextField("DBAName")
.DataValueField("CompanyID")
.DataSource(ds => ds.Read(read => read.Action("GetSponsors", "Home")));
resource.Add(tvm => tvm.EventType)
.Title("Description")
.DataTextField("Description")
.DataValueField("Code")
.DataSource(ds => ds.Read(read => read.Action("GetEventTypes", "Home")));
})
)
Rosen
Telerik team
answered
on
26 May 2014
1 answer
113 views
I can't seem to find the right configuration to display notes in a Bar type Sparkline. What I would like is to have them displayed below the stacked bar series. Is this possible?
5 answers
391 views
I have a grid that has columns from other tables. When I update the grid with data I loose the data that is referencing the foreign table values. Is there a way to retain these values. The values are not being updated in the grid they are just there for reference.
Thanks
Thanks
